* {
    scroll-behavior: smooth;
    box-sizing: border-box;
    -webkit-tap-highlight-color: #0000
}

html {
    touch-action: manipulation
}

::-webkit-scrollbar {
    width: .6rem;
    height: .6rem
}

@media screen and (max-width:1023px) {
    ::-webkit-scrollbar {
        display: none
    }
}

::-webkit-scrollbar-track {
    background: 0 0
}

::-webkit-scrollbar-thumb {
    background: var(--theme-scrollbar-thumb);
    border-radius: 100px
}

::-webkit-scrollbar-thumb:hover {
    background: var(--theme-scrollbar-thumb)
}

input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

::-webkit-input-placeholder {
    color: #9da0a4;
    font-family: HarmonyOS Sans;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem
}

:-ms-placeholder-shown {
    color: #9da0a4;
    font-family: HarmonyOS Sans;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem
}

::placeholder {
    color: #9da0a4;
    font-family: HarmonyOS Sans;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem
}

a,
button,
.noselect,
.select-none {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

button {
    box-sizing: border-box;
    border: none;
    border-radius: 4px
}

pre {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-family: HarmonyOS Sans;
    line-height: 2.4rem
}

input,
textarea,
select,
button {
    font-family: HarmonyOS Sans
}

a {
    color: var(--theme-brand);
    text-decoration: none
}

html {
    font-family: HarmonyOS Sans;
    font-size: 10px
}

body {
    color: var(--theme-text-primary);
    background: var(--theme-surface-base);
    margin: 0;
    padding: 0
}

#__next {
    width: 100%;
    min-height: var(--window-height, 100vh);
    flex-direction: column;
    display: flex
}

#__next>div:first-of-type {
    flex: auto
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spinReverse {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes spinStop {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slideIn {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0%)
    }
}

.animate-fadeIn {
    -ms-animation: fadeIn .15s linear;
    animation: .15s linear fadeIn
}

.animate-spin {
    -ms-animation: spin 1s linear infinite;
    animation: 1s linear infinite spin
}

.animate-spin-reverse {
    -ms-animation: spinReverse 1s linear infinite;
    animation: 1s linear infinite spinReverse
}

.animate-spin-stop {
    -ms-animation: spinStop 2s linear infinite;
    animation: 2s linear infinite spinStop
}

.animate-slide-in {
    -ms-animation: slideIn .15s ease-out;
    animation: .15s ease-out slideIn
}

.transition-base {
    -o-transition: all .15s linear;
    transition: all .15s linear
}

.transition-none {
    transition: none !important
}

.fade-in-section {
    opacity: 0;
    will-change: opacity, transform;
    transition: opacity .7s ease-out, transform .7s ease-out;
    transform: translateY(24px)
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none
}

@keyframes homeCardShake {

    0%,
    to {
        transform: translate(0, 0)rotate(0)
    }

    22% {
        transform: translate(-4px, -2px)rotate(-.7deg)
    }

    48% {
        transform: translate(3px, 2px)rotate(.55deg)
    }

    72% {
        transform: translate(-2px, 1px)rotate(-.28deg)
    }
}

.hover-shake:hover {
    -ms-animation: homeCardShake .62s cubic-bezier(.22, .61, .36, 1);
    animation: .62s cubic-bezier(.22, .61, .36, 1) homeCardShake
}

@keyframes homeIconFloat {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }
}

.hover-float:hover .hover-float-icon,
.hover-float:focus-within .hover-float-icon {
    -ms-animation: homeIconFloat 1.65s ease-in-out infinite;
    animation: 1.65s ease-in-out infinite homeIconFloat
}

@keyframes homeMarquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.animate-marquee {
    -ms-animation: homeMarquee 30s linear infinite;
    animation: 30s linear infinite homeMarquee
}

.animate-marquee:hover {
    animation-play-state: paused
}

@media (prefers-reduced-motion:reduce) {
    .animate-marquee {
        -ms-animation: none;
        animation: none
    }
}

@media screen and (max-width:767px) {
    .animate-marquee {
        -ms-animation: none;
        animation: none
    }
}

@keyframes skeletonPulse {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .45
    }
}

@keyframes skeletonShimmer {
    0% {
        background-position: 150% 0
    }

    to {
        background-position: -150% 0
    }
}

.skeleton {
    background-color: var(--theme-surface-secondary);
    -ms-animation: skeletonPulse 1.5s ease-in-out infinite;
    animation: 1.5s ease-in-out infinite skeletonPulse
}

@media (prefers-reduced-motion:reduce) {
    .skeleton {
        -ms-animation: none;
        opacity: .75;
        animation: none
    }
}

.skeleton-shimmer {
    background-color: var(--theme-surface-secondary);
    background-image: linear-gradient(90deg, transparent 0%, var(--theme-surface-elevated) 50%, transparent 100%);
    -ms-animation: skeletonShimmer 1.5s ease-in-out infinite;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    animation: 1.5s ease-in-out infinite skeletonShimmer
}

@media (prefers-reduced-motion:reduce) {
    .skeleton-shimmer {
        -ms-animation: none;
        opacity: .75;
        background-image: none;
        animation: none
    }
}

.border-top-0 {
    border-top: none !important
}

.border-bottom-0 {
    border-bottom: none !important
}

.border-left-0 {
    border-left: none !important
}

.border-right-0 {
    border-right: none !important
}

.border-none {
    border: none !important
}

.border-r_top {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.border-r_right {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.rounded-full,
.border-r_full,
.rounded {
    border-radius: 999rem
}

.border-error {
    border: 1px solid var(--theme-red)
}

.bs-border-primary {
    box-shadow: 0 0 0 1px var(--theme-line-01)
}

.bs-border-warning {
    box-shadow: 0 0 0 1px var(--theme-feature-orange)
}

.bs-border-error {
    box-shadow: 0 0 0 1px var(--theme-feature-red)
}

.bs-border-primary-inset {
    box-shadow: 0 0 0 1px var(--theme-line-01) inset
}

.bs-border-warning-inset {
    box-shadow: 0 0 0 1px var(--theme-feature-orange) inset
}

.bs-border-error-inset {
    box-shadow: 0 0 0 1px var(--theme-feature-red) inset
}

.bs-border-t-primary {
    box-shadow: 0 1px 0 0 var(--theme-line-01) inset
}

.bs-border-r-primary {
    box-shadow: 1px 0 0 0 var(--theme-line-01)
}

.bs-border-b-primary {
    box-shadow: 0 -1px 0 0 var(--theme-line-01) inset
}

.bs-border-l-primary {
    box-shadow: -1px 0 0 0 var(--theme-line-01)
}

.bs-border-tb-primary {
    box-shadow: 0 1px 0 0 var(--theme-line-01) inset, 0 -1px 0 0 var(--theme-line-01) inset
}

.bs-border-feature-active {
    box-shadow: 0 0 0 1px var(--theme-feature-active)
}

.border-transparent {
    border: 1px solid #0000
}

.border-feature-active,
.hover-border-feature-active:hover {
    border: 1px solid var(--theme-feature-active)
}

.border-primary {
    border: 1px solid var(--theme-line-01)
}

.border-t-primary {
    border-top: 1px solid var(--theme-line-01)
}

.border-r-primary {
    border-right: 1px solid var(--theme-line-01)
}

.border-b-primary {
    border-bottom: 1px solid var(--theme-line-01)
}

.border-l-primary {
    border-left: 1px solid var(--theme-line-01)
}

.border-tb-primary {
    border-top: 1px solid var(--theme-line-01);
    border-bottom: 1px solid var(--theme-line-01)
}

.border-dark-gray-blue {
    border: 1px solid #2b2e37
}

.border-blue_500 {
    border: 1px solid #31d690
}

.border-dark-line-1 {
    border: 1px solid #3d3d3d
}

.border-background-red-01 {
    border: 1px solid var(--theme-background-red-01)
}

.border-current-color {
    border: 1px solid
}

.border-t-current-color {
    border-top: 1px solid
}

.border-0\.5 {
    border-width: .5px !important
}

.border-line-01 {
    border: 1px solid var(--theme-line-01)
}

.border-t-line-01 {
    border-top: 1px solid var(--theme-line-01)
}

.border-b-line-01 {
    border-bottom: 1px solid var(--theme-line-01)
}

.border-tb-line-01 {
    border-top: 1px solid var(--theme-line-01);
    border-bottom: 1px solid var(--theme-line-01)
}

.border-line-02 {
    border: 1px solid var(--theme-line-02)
}

.border-t-line-02 {
    border-top: 1px solid var(--theme-line-02)
}

.border-b-line-02 {
    border-bottom: 1px solid var(--theme-line-02)
}

.border-tb-line-02 {
    border-top: 1px solid var(--theme-line-02);
    border-bottom: 1px solid var(--theme-line-02)
}

.border-line-neutral-subtle {
    border: 1px solid var(--theme-border-neutral-subtle)
}

.border-line-brand {
    border: 1px solid var(--theme-border-brand)
}

.border-line-warning {
    border: 1px solid var(--theme-border-warning)
}

.border-b-input-border {
    border-bottom: 1px solid var(--theme-border-input-bold)
}

.border-neutral-bold {
    border: 1px solid var(--theme-border-neutral-bold)
}

.border-neutral-bolder {
    border: 1px solid var(--theme-border-neutral-bolder)
}

.border-neutral-subtle {
    border: 1px solid var(--theme-border-neutral-subtle)
}

.border-surface-base {
    border: 1px solid var(--theme-surface-base)
}

.border-success {
    border: 1px solid var(--theme-border-success)
}

.txt-neutral_ND0,
.txt-hover-neutral_ND0:hover {
    color: #edf0f1 !important
}

.bg-neutral_ND0,
.bg-hover-neutral_ND0:hover {
    background-color: #edf0f1 !important
}

.txt-neutral_ND5,
.txt-hover-neutral_ND5:hover {
    color: #faf3eb !important
}

.bg-neutral_ND5,
.bg-hover-neutral_ND5:hover {
    background-color: #faf3eb !important
}

.txt-neutral_ND10,
.txt-hover-neutral_ND10:hover {
    color: #cdd0d6 !important
}

.bg-neutral_ND10,
.bg-hover-neutral_ND10:hover {
    background-color: #cdd0d6 !important
}

.txt-neutral_ND12,
.txt-hover-neutral_ND12:hover {
    color: #2b2f3b !important
}

.bg-neutral_ND12,
.bg-hover-neutral_ND12:hover {
    background-color: #2b2f3b !important
}

.txt-neutral_ND20,
.txt-hover-neutral_ND20:hover {
    color: #bcbfc5 !important
}

.bg-neutral_ND20,
.bg-hover-neutral_ND20:hover {
    background-color: #bcbfc5 !important
}

.txt-neutral_ND30,
.txt-hover-neutral_ND30:hover {
    color: #b4b7bc !important
}

.bg-neutral_ND30,
.bg-hover-neutral_ND30:hover {
    background-color: #b4b7bc !important
}

.txt-neutral_ND40,
.txt-hover-neutral_ND40:hover {
    color: #9da0a4 !important
}

.bg-neutral_ND40,
.bg-hover-neutral_ND40:hover {
    background-color: #9da0a4 !important
}

.txt-neutral_ND50,
.txt-hover-neutral_ND50:hover {
    color: #8e9195 !important
}

.bg-neutral_ND50,
.bg-hover-neutral_ND50:hover {
    background-color: #8e9195 !important
}

.txt-neutral_ND60,
.txt-hover-neutral_ND60:hover {
    color: #86898d !important
}

.bg-neutral_ND60,
.bg-hover-neutral_ND60:hover {
    background-color: #86898d !important
}

.txt-neutral_ND70,
.txt-hover-neutral_ND70:hover {
    color: #777a7e !important
}

.bg-neutral_ND70,
.bg-hover-neutral_ND70:hover {
    background-color: #777a7e !important
}

.txt-neutral_ND80,
.txt-hover-neutral_ND80:hover {
    color: #6b6d71 !important
}

.bg-neutral_ND80,
.bg-hover-neutral_ND80:hover {
    background-color: #6b6d71 !important
}

.txt-neutral_ND90,
.txt-hover-neutral_ND90:hover {
    color: #56585b !important
}

.bg-neutral_ND90,
.bg-hover-neutral_ND90:hover {
    background-color: #56585b !important
}

.txt-neutral_ND100,
.txt-hover-neutral_ND100:hover {
    color: #414345 !important
}

.bg-neutral_ND100,
.bg-hover-neutral_ND100:hover {
    background-color: #414345 !important
}

.txt-neutral_ND200,
.txt-hover-neutral_ND200:hover {
    color: #37383b !important
}

.bg-neutral_ND200,
.bg-hover-neutral_ND200:hover {
    background-color: #37383b !important
}

.txt-neutral_ND300,
.txt-hover-neutral_ND300:hover {
    color: #313234 !important
}

.bg-neutral_ND300,
.bg-hover-neutral_ND300:hover {
    background-color: #313234 !important
}

.txt-neutral_ND400,
.txt-hover-neutral_ND400:hover {
    color: #282a2b !important
}

.bg-neutral_ND400,
.bg-hover-neutral_ND400:hover {
    background-color: #282a2b !important
}

.txt-neutral_ND500,
.txt-hover-neutral_ND500:hover {
    color: #202123 !important
}

.bg-neutral_ND500,
.bg-hover-neutral_ND500:hover {
    background-color: #202123 !important
}

.txt-neutral_ND600,
.txt-hover-neutral_ND600:hover {
    color: #1a1b1c !important
}

.bg-neutral_ND600,
.bg-hover-neutral_ND600:hover {
    background-color: #1a1b1c !important
}

.txt-neutral_ND700,
.txt-hover-neutral_ND700:hover {
    color: #131516 !important
}

.bg-neutral_ND700,
.bg-hover-neutral_ND700:hover {
    background-color: #131516 !important
}

.txt-neutral_ND800,
.txt-hover-neutral_ND800:hover {
    color: #242527 !important
}

.bg-neutral_ND800,
.bg-hover-neutral_ND800:hover {
    background-color: #242527 !important
}

.txt-neutral_ND900,
.txt-hover-neutral_ND900:hover {
    color: #090a0b !important
}

.bg-neutral_ND900,
.bg-hover-neutral_ND900:hover {
    background-color: #090a0b !important
}

.txt-neutral_ND1000,
.txt-hover-neutral_ND1000:hover {
    color: #191c20 !important
}

.bg-neutral_ND1000,
.bg-hover-neutral_ND1000:hover {
    background-color: #191c20 !important
}

.txt-neutral_N900,
.txt-hover-neutral_N900:hover {
    color: #091e42 !important
}

.bg-neutral_N900,
.bg-hover-neutral_N900:hover {
    background-color: #091e42 !important
}

.txt-gray_dark_13,
.txt-hover-gray_dark_13:hover {
    color: #3f474b !important
}

.bg-gray_dark_13,
.bg-hover-gray_dark_13:hover {
    background-color: #3f474b !important
}

.txt-dark_gray_blue_2,
.txt-hover-dark_gray_blue_2:hover {
    color: #a1aeb7 !important
}

.bg-dark_gray_blue_2,
.bg-hover-dark_gray_blue_2:hover {
    background-color: #a1aeb7 !important
}

.txt-dark_gray_blue_3,
.txt-hover-dark_gray_blue_3:hover {
    color: #a5adc0 !important
}

.bg-dark_gray_blue_3,
.bg-hover-dark_gray_blue_3:hover {
    background-color: #a5adc0 !important
}

.txt-dark_gray_blue_5,
.txt-hover-dark_gray_blue_5:hover {
    color: #3f4353 !important
}

.bg-dark_gray_blue_5,
.bg-hover-dark_gray_blue_5:hover {
    background-color: #3f4353 !important
}

.txt-dark_gray_blue_6,
.txt-hover-dark_gray_blue_6:hover {
    color: #2b2e37 !important
}

.bg-dark_gray_blue_6,
.bg-hover-dark_gray_blue_6:hover {
    background-color: #2b2e37 !important
}

.txt-dark_gray_blue_7,
.txt-hover-dark_gray_blue_7:hover {
    color: #424b5a !important
}

.bg-dark_gray_blue_7,
.bg-hover-dark_gray_blue_7:hover {
    background-color: #424b5a !important
}

.txt-dark_gray_blue_8,
.txt-hover-dark_gray_blue_8:hover {
    color: #13151a !important
}

.bg-dark_gray_blue_8,
.bg-hover-dark_gray_blue_8:hover {
    background-color: #13151a !important
}

.txt-white_alpha_WA40,
.txt-hover-white_alpha_WA40:hover {
    color: #ffffff0a !important
}

.bg-white_alpha_WA40,
.bg-hover-white_alpha_WA40:hover {
    background-color: #ffffff0a !important
}

.txt-white_alpha_WA60,
.txt-hover-white_alpha_WA60:hover {
    color: #ffffff0f !important
}

.bg-white_alpha_WA60,
.bg-hover-white_alpha_WA60:hover {
    background-color: #ffffff0f !important
}

.txt-white_alpha_WA100,
.txt-hover-white_alpha_WA100:hover {
    color: #ffffff1a !important
}

.bg-white_alpha_WA100,
.bg-hover-white_alpha_WA100:hover {
    background-color: #ffffff1a !important
}

.txt-white_alpha_WA200,
.txt-hover-white_alpha_WA200:hover {
    color: #fff3 !important
}

.bg-white_alpha_WA200,
.bg-hover-white_alpha_WA200:hover {
    background-color: #fff3 !important
}

.txt-white_alpha_WA500,
.txt-hover-white_alpha_WA500:hover {
    color: #ffffff80 !important
}

.bg-white_alpha_WA500,
.bg-hover-white_alpha_WA500:hover {
    background-color: #ffffff80 !important
}

.txt-white_alpha_WA600,
.txt-hover-white_alpha_WA600:hover {
    color: #fff9 !important
}

.bg-white_alpha_WA600,
.bg-hover-white_alpha_WA600:hover {
    background-color: #fff9 !important
}

.txt-white_alpha_WA700,
.txt-hover-white_alpha_WA700:hover {
    color: #ffffffb3 !important
}

.bg-white_alpha_WA700,
.bg-hover-white_alpha_WA700:hover {
    background-color: #ffffffb3 !important
}

.txt-white_alpha_WA800,
.txt-hover-white_alpha_WA800:hover {
    color: #fffc !important
}

.bg-white_alpha_WA800,
.bg-hover-white_alpha_WA800:hover {
    background-color: #fffc !important
}

.txt-white_alpha_WA900,
.txt-hover-white_alpha_WA900:hover {
    color: #ffffffe6 !important
}

.bg-white_alpha_WA900,
.bg-hover-white_alpha_WA900:hover {
    background-color: #ffffffe6 !important
}

.txt-brand_1st_50,
.txt-hover-brand_1st_50:hover {
    color: linear-gradient(0deg, #ffffffe6, #ffffffe6), #0b687b !important
}

.bg-brand_1st_50,
.bg-hover-brand_1st_50:hover {
    background-color: linear-gradient(0deg, #ffffffe6, #ffffffe6), #0b687b !important
}

.txt-brand_1st_75,
.txt-hover-brand_1st_75:hover {
    color: linear-gradient(0deg, #fff9, #fff9), #3985ce !important
}

.bg-brand_1st_75,
.bg-hover-brand_1st_75:hover {
    background-color: linear-gradient(0deg, #fff9, #fff9), #3985ce !important
}

.txt-brand_1st_100,
.txt-hover-brand_1st_100:hover {
    color: linear-gradient(0deg, #ffffff4d, #ffffff4d), #0b687b !important
}

.bg-brand_1st_100,
.bg-hover-brand_1st_100:hover {
    background-color: linear-gradient(0deg, #ffffff4d, #ffffff4d), #0b687b !important
}

.txt-brand_1st_200,
.txt-hover-brand_1st_200:hover {
    color: #248295 !important
}

.bg-brand_1st_200,
.bg-hover-brand_1st_200:hover {
    background-color: #248295 !important
}

.txt-brand_1st_300,
.txt-hover-brand_1st_300:hover {
    color: linear-gradient(0deg, #0000001a, #0000001a), #3985ce !important
}

.bg-brand_1st_300,
.bg-hover-brand_1st_300:hover {
    background-color: linear-gradient(0deg, #0000001a, #0000001a), #3985ce !important
}

.txt-brand_1st_400,
.txt-hover-brand_1st_400:hover {
    color: linear-gradient(0deg, #0000004d, #0000004d), #3985ce !important
}

.bg-brand_1st_400,
.bg-hover-brand_1st_400:hover {
    background-color: linear-gradient(0deg, #0000004d, #0000004d), #3985ce !important
}

.txt-brand_1st_500,
.txt-hover-brand_1st_500:hover {
    color: linear-gradient(0deg, #191c20, #191c20), #0b687b !important
}

.bg-brand_1st_500,
.bg-hover-brand_1st_500:hover {
    background-color: linear-gradient(0deg, #191c20, #191c20), #0b687b !important
}

.txt-brand_2nd_50,
.txt-hover-brand_2nd_50:hover {
    color: linear-gradient(0deg, #ffffffe6, #ffffffe6), #008060 !important
}

.bg-brand_2nd_50,
.bg-hover-brand_2nd_50:hover {
    background-color: linear-gradient(0deg, #ffffffe6, #ffffffe6), #008060 !important
}

.txt-brand_2nd_75,
.txt-hover-brand_2nd_75:hover {
    color: linear-gradient(0deg, #fff9, #fff9), #008060 !important
}

.bg-brand_2nd_75,
.bg-hover-brand_2nd_75:hover {
    background-color: linear-gradient(0deg, #fff9, #fff9), #008060 !important
}

.txt-brand_2nd_100,
.txt-hover-brand_2nd_100:hover {
    color: linear-gradient(0deg, #ffffff4d, #ffffff4d), #008060 !important
}

.bg-brand_2nd_100,
.bg-hover-brand_2nd_100:hover {
    background-color: linear-gradient(0deg, #ffffff4d, #ffffff4d), #008060 !important
}

.txt-brand_2nd_200,
.txt-hover-brand_2nd_200:hover {
    color: #ffaf26 !important
}

.bg-brand_2nd_200,
.bg-hover-brand_2nd_200:hover {
    background-color: #ffaf26 !important
}

.txt-brand_2nd_300,
.txt-hover-brand_2nd_300:hover {
    color: linear-gradient(0deg, #0000001a, #0000001a), #008060 !important
}

.bg-brand_2nd_300,
.bg-hover-brand_2nd_300:hover {
    background-color: linear-gradient(0deg, #0000001a, #0000001a), #008060 !important
}

.txt-brand_2nd_400,
.txt-hover-brand_2nd_400:hover {
    color: linear-gradient(0deg, #0000004d, #0000004d), #ffaf26 !important
}

.bg-brand_2nd_400,
.bg-hover-brand_2nd_400:hover {
    background-color: linear-gradient(0deg, #0000004d, #0000004d), #ffaf26 !important
}

.txt-brand_2nd_500,
.txt-hover-brand_2nd_500:hover {
    color: linear-gradient(0deg, #0000004d, #0000004d), #008060 !important
}

.bg-brand_2nd_500,
.bg-hover-brand_2nd_500:hover {
    background-color: linear-gradient(0deg, #0000004d, #0000004d), #008060 !important
}

.txt-red_100,
.txt-hover-red_100:hover {
    color: #e04778 !important
}

.bg-red_100,
.bg-hover-red_100:hover {
    background-color: #e04778 !important
}

.txt-red_200,
.txt-hover-red_200:hover {
    color: #ff7452 !important
}

.bg-red_200,
.bg-hover-red_200:hover {
    background-color: #ff7452 !important
}

.txt-red_300,
.txt-hover-red_300:hover {
    color: #ff5630 !important
}

.bg-red_300,
.bg-hover-red_300:hover {
    background-color: #ff5630 !important
}

.txt-red_400,
.txt-hover-red_400:hover {
    color: #a02101 !important
}

.bg-red_400,
.bg-hover-red_400:hover {
    background-color: #a02101 !important
}

.txt-red_500,
.txt-hover-red_500:hover {
    color: #e8759a !important
}

.bg-red_500,
.bg-hover-red_500:hover {
    background-color: #e8759a !important
}

.txt-blue_50,
.txt-hover-blue_50:hover {
    color: #deebff !important
}

.bg-blue_50,
.bg-hover-blue_50:hover {
    background-color: #deebff !important
}

.txt-blue_100,
.txt-hover-blue_100:hover {
    color: #e8ebf6 !important
}

.bg-blue_100,
.bg-hover-blue_100:hover {
    background-color: #e8ebf6 !important
}

.txt-blue_200,
.txt-hover-blue_200:hover {
    color: #006ff2 !important
}

.bg-blue_200,
.bg-hover-blue_200:hover {
    background-color: #006ff2 !important
}

.txt-blue_300,
.txt-hover-blue_300:hover {
    color: #0ecb81 !important
}

.bg-blue_300,
.bg-hover-blue_300:hover {
    background-color: #0ecb81 !important
}

.txt-blue_400,
.txt-hover-blue_400:hover {
    color: #0d4862 !important
}

.bg-blue_400,
.bg-hover-blue_400:hover {
    background-color: #0d4862 !important
}

.txt-blue_500,
.txt-hover-blue_500:hover {
    color: #31d690 !important
}

.bg-blue_500,
.bg-hover-blue_500:hover {
    background-color: #31d690 !important
}

.txt-blue_600,
.txt-hover-blue_600:hover {
    color: #1890ff !important
}

.bg-blue_600,
.bg-hover-blue_600:hover {
    background-color: #1890ff !important
}

.txt-blue_700,
.txt-hover-blue_700:hover {
    color: #1f222b !important
}

.bg-blue_700,
.bg-hover-blue_700:hover {
    background-color: #1f222b !important
}

.txt-blue_800,
.txt-hover-blue_800:hover {
    color: #13151a !important
}

.bg-blue_800,
.bg-hover-blue_800:hover {
    background-color: #13151a !important
}

.txt-blue_900,
.txt-hover-blue_900:hover {
    color: #0e1116 !important
}

.bg-blue_900,
.bg-hover-blue_900:hover {
    background-color: #0e1116 !important
}

.txt-blue_500_04,
.txt-hover-blue_500_04:hover {
    color: #31d6900a !important
}

.bg-blue_500_04,
.bg-hover-blue_500_04:hover {
    background-color: #31d6900a !important
}

.txt-blue_500_2,
.txt-hover-blue_500_2:hover {
    color: #31d69033 !important
}

.bg-blue_500_2,
.bg-hover-blue_500_2:hover {
    background-color: #31d69033 !important
}

.txt-blue_500_4,
.txt-hover-blue_500_4:hover {
    color: #31d69066 !important
}

.bg-blue_500_4,
.bg-hover-blue_500_4:hover {
    background-color: #31d69066 !important
}

.txt-blue_500_12,
.txt-hover-blue_500_12:hover {
    color: #31d6901f !important
}

.bg-blue_500_12,
.bg-hover-blue_500_12:hover {
    background-color: #31d6901f !important
}

.txt-slate_blue_500,
.txt-hover-slate_blue_500:hover {
    color: #5865f2 !important
}

.bg-slate_blue_500,
.bg-hover-slate_blue_500:hover {
    background-color: #5865f2 !important
}

.txt-dark-blue_100,
.txt-hover-dark-blue_100:hover {
    color: #0e1116 !important
}

.bg-dark-blue_100,
.bg-hover-dark-blue_100:hover {
    background-color: #0e1116 !important
}

.txt-dark-grey_400,
.txt-hover-dark-grey_400:hover {
    color: #535b6f !important
}

.bg-dark-grey_400,
.bg-hover-dark-grey_400:hover {
    background-color: #535b6f !important
}

.txt-green_900,
.txt-hover-green_900:hover {
    color: #18201c !important
}

.bg-green_900,
.bg-hover-green_900:hover {
    background-color: #18201c !important
}

.txt-green_500,
.txt-hover-green_500:hover {
    color: #6fddba !important
}

.bg-green_500,
.bg-hover-green_500:hover {
    background-color: #6fddba !important
}

.txt-green_400,
.txt-hover-green_400:hover {
    color: #00875a !important
}

.bg-green_400,
.bg-hover-green_400:hover {
    background-color: #00875a !important
}

.txt-green_300,
.txt-hover-green_300:hover {
    color: #36b37e !important
}

.bg-green_300,
.bg-hover-green_300:hover {
    background-color: #36b37e !important
}

.txt-green_200,
.txt-hover-green_200:hover {
    color: #57d9a3 !important
}

.bg-green_200,
.bg-hover-green_200:hover {
    background-color: #57d9a3 !important
}

.txt-green_100,
.txt-hover-green_100:hover {
    color: #3fd1a3 !important
}

.bg-green_100,
.bg-hover-green_100:hover {
    background-color: #3fd1a3 !important
}

.txt-green_50,
.txt-hover-green_50:hover {
    color: #e3fcef !important
}

.bg-green_50,
.bg-hover-green_50:hover {
    background-color: #e3fcef !important
}

.txt-dark_green_100,
.txt-hover-dark_green_100:hover {
    color: #121f25 !important
}

.bg-dark_green_100,
.bg-hover-dark_green_100:hover {
    background-color: #121f25 !important
}

.txt-dark_green_200,
.txt-hover-dark_green_200:hover {
    color: #16272b !important
}

.bg-dark_green_200,
.bg-hover-dark_green_200:hover {
    background-color: #16272b !important
}

.txt-bright_green_100,
.txt-hover-bright_green_100:hover {
    color: #cff2a4 !important
}

.bg-bright_green_100,
.bg-hover-bright_green_100:hover {
    background-color: #cff2a4 !important
}

.txt-bright_green_200,
.txt-hover-bright_green_200:hover {
    color: #31d690 !important
}

.bg-bright_green_200,
.bg-hover-bright_green_200:hover {
    background-color: #31d690 !important
}

.txt-bright_green_400,
.txt-hover-bright_green_400:hover {
    color: #029961 !important
}

.bg-bright_green_400,
.bg-hover-bright_green_400:hover {
    background-color: #029961 !important
}

.txt-bright_green_600,
.txt-hover-bright_green_600:hover {
    color: #4d6d07 !important
}

.bg-bright_green_600,
.bg-hover-bright_green_600:hover {
    background-color: #4d6d07 !important
}

.txt-bright_green_800,
.txt-hover-bright_green_800:hover {
    color: #202d05 !important
}

.bg-bright_green_800,
.bg-hover-bright_green_800:hover {
    background-color: #202d05 !important
}

.txt-txt_lv2,
.txt-hover-txt_lv2:hover {
    color: #bdbdbd !important
}

.bg-txt_lv2,
.bg-hover-txt_lv2:hover {
    background-color: #bdbdbd !important
}

.txt-txt_lv3,
.txt-hover-txt_lv3:hover {
    color: #424242 !important
}

.bg-txt_lv3,
.bg-hover-txt_lv3:hover {
    background-color: #424242 !important
}

.txt-txt_light_lv2,
.txt-hover-txt_light_lv2:hover {
    color: #3f474b !important
}

.bg-txt_light_lv2,
.bg-hover-txt_light_lv2:hover {
    background-color: #3f474b !important
}

.txt-txt_light_lv3,
.txt-hover-txt_light_lv3:hover {
    color: #878787 !important
}

.bg-txt_light_lv3,
.bg-hover-txt_light_lv3:hover {
    background-color: #878787 !important
}

.txt-dark-line-1,
.txt-hover-dark-line-1:hover {
    color: #3d3d3d !important
}

.bg-dark-line-1,
.bg-hover-dark-line-1:hover {
    background-color: #3d3d3d !important
}

.txt-dark-line-2,
.txt-hover-dark-line-2:hover {
    color: #292929 !important
}

.bg-dark-line-2,
.bg-hover-dark-line-2:hover {
    background-color: #292929 !important
}

.txt-dark-bg-2,
.txt-hover-dark-bg-2:hover {
    color: #0e1320 !important
}

.bg-dark-bg-2,
.bg-hover-dark-bg-2:hover {
    background-color: #0e1320 !important
}

.txt-dark-bg-5,
.txt-hover-dark-bg-5:hover {
    color: #282828 !important
}

.bg-dark-bg-5,
.bg-hover-dark-bg-5:hover {
    background-color: #282828 !important
}

.txt-dark-xbg-2,
.txt-hover-dark-xbg-2:hover {
    color: #4dc4f7 !important
}

.bg-dark-xbg-2,
.bg-hover-dark-xbg-2:hover {
    background-color: #4dc4f7 !important
}

.txt-dark-text-2,
.txt-hover-dark-text-2:hover {
    color: #cbd4d6 !important
}

.bg-dark-text-2,
.bg-hover-dark-text-2:hover {
    background-color: #cbd4d6 !important
}

.txt-bg_lv1,
.txt-hover-bg_lv1:hover {
    color: #edf0f1 !important
}

.bg-bg_lv1,
.bg-hover-bg_lv1:hover {
    background-color: #edf0f1 !important
}

.txt-bg_lv2,
.txt-hover-bg_lv2:hover {
    color: #616161 !important
}

.bg-bg_lv2,
.bg-hover-bg_lv2:hover {
    background-color: #616161 !important
}

.txt-bg_lv3,
.txt-hover-bg_lv3:hover {
    color: #424242 !important
}

.bg-bg_lv3,
.bg-hover-bg_lv3:hover {
    background-color: #424242 !important
}

.txt-bg_lv4,
.txt-hover-bg_lv4:hover {
    color: #212121 !important
}

.bg-bg_lv4,
.bg-hover-bg_lv4:hover {
    background-color: #212121 !important
}

.txt-accent_red_lv1,
.txt-hover-accent_red_lv1:hover {
    color: #da1e28 !important
}

.bg-accent_red_lv1,
.bg-hover-accent_red_lv1:hover {
    background-color: #da1e28 !important
}

.txt-accent_red_lv2,
.txt-hover-accent_red_lv2:hover {
    color: #530b0f !important
}

.bg-accent_red_lv2,
.bg-hover-accent_red_lv2:hover {
    background-color: #530b0f !important
}

.txt-accent_red_lv3,
.txt-hover-accent_red_lv3:hover {
    color: #38080a !important
}

.bg-accent_red_lv3,
.bg-hover-accent_red_lv3:hover {
    background-color: #38080a !important
}

.txt-accent_red_lv4,
.txt-hover-accent_red_lv4:hover {
    color: #1c0405 !important
}

.bg-accent_red_lv4,
.bg-hover-accent_red_lv4:hover {
    background-color: #1c0405 !important
}

.txt-dark_red_100,
.txt-hover-dark_red_100:hover {
    color: #1b1320 !important
}

.bg-dark_red_100,
.bg-hover-dark_red_100:hover {
    background-color: #1b1320 !important
}

.txt-dark_red_200,
.txt-hover-dark_red_200:hover {
    color: #241524 !important
}

.bg-dark_red_200,
.bg-hover-dark_red_200:hover {
    background-color: #241524 !important
}

.txt-brand_blue_lv1,
.txt-hover-brand_blue_lv1:hover {
    color: #16a2c0 !important
}

.bg-brand_blue_lv1,
.bg-hover-brand_blue_lv1:hover {
    background-color: #16a2c0 !important
}

.txt-brand_yellow_lv1,
.txt-hover-brand_yellow_lv1:hover {
    color: #ffaf26 !important
}

.bg-brand_yellow_lv1,
.bg-hover-brand_yellow_lv1:hover {
    background-color: #ffaf26 !important
}

.txt-brand_yellow_lv2,
.txt-hover-brand_yellow_lv2:hover {
    color: #ffb46e !important
}

.bg-brand_yellow_lv2,
.bg-hover-brand_yellow_lv2:hover {
    background-color: #ffb46e !important
}

.txt-dark-future-warning,
.txt-hover-dark-future-warning:hover {
    color: #ff9b3e !important
}

.bg-dark-future-warning,
.bg-hover-dark-future-warning:hover {
    background-color: #ff9b3e !important
}

.txt-dark-future-warning-8,
.txt-hover-dark-future-warning-8:hover {
    color: #ff9b3e14 !important
}

.bg-dark-future-warning-8,
.bg-hover-dark-future-warning-8:hover {
    background-color: #ff9b3e14 !important
}

.txt-yellow-01,
.txt-hover-yellow-01:hover {
    color: #edc57e !important
}

.bg-yellow-01,
.bg-hover-yellow-01:hover {
    background-color: #edc57e !important
}

.txt-cyan-01,
.txt-hover-cyan-01:hover {
    color: #a7dbd5 !important
}

.bg-cyan-01,
.bg-hover-cyan-01:hover {
    background-color: #a7dbd5 !important
}

.txt-green-01,
.txt-hover-green-01:hover {
    color: #cdd0cd !important
}

.bg-green-01,
.bg-hover-green-01:hover {
    background-color: #cdd0cd !important
}

.txt-base,
.txt-hover-base:hover {
    color: var(--theme-base)
}

.bg-base,
.bg-hover-base:hover {
    background-color: var(--theme-base)
}

.txt-base-i,
.txt-hover-base-i:hover {
    color: var(--theme-base) !important
}

.bg-base-i,
.bg-hover-base-i:hover {
    background-color: var(--theme-base) !important
}

.txt-tv-green,
.txt-hover-tv-green:hover {
    color: var(--theme-tv-green)
}

.bg-tv-green,
.bg-hover-tv-green:hover {
    background-color: var(--theme-tv-green)
}

.txt-tv-green-i,
.txt-hover-tv-green-i:hover {
    color: var(--theme-tv-green) !important
}

.bg-tv-green-i,
.bg-hover-tv-green-i:hover {
    background-color: var(--theme-tv-green) !important
}

.txt-tv-red,
.txt-hover-tv-red:hover {
    color: var(--theme-tv-red)
}

.bg-tv-red,
.bg-hover-tv-red:hover {
    background-color: var(--theme-tv-red)
}

.txt-tv-red-i,
.txt-hover-tv-red-i:hover {
    color: var(--theme-tv-red) !important
}

.bg-tv-red-i,
.bg-hover-tv-red-i:hover {
    background-color: var(--theme-tv-red) !important
}

.txt-tv-background,
.txt-hover-tv-background:hover {
    color: var(--theme-tv-background)
}

.bg-tv-background,
.bg-hover-tv-background:hover {
    background-color: var(--theme-tv-background)
}

.txt-tv-background-i,
.txt-hover-tv-background-i:hover {
    color: var(--theme-tv-background) !important
}

.bg-tv-background-i,
.bg-hover-tv-background-i:hover {
    background-color: var(--theme-tv-background) !important
}

.txt-tv-text,
.txt-hover-tv-text:hover {
    color: var(--theme-tv-text)
}

.bg-tv-text,
.bg-hover-tv-text:hover {
    background-color: var(--theme-tv-text)
}

.txt-tv-text-i,
.txt-hover-tv-text-i:hover {
    color: var(--theme-tv-text) !important
}

.bg-tv-text-i,
.bg-hover-tv-text-i:hover {
    background-color: var(--theme-tv-text) !important
}

.txt-tv-line,
.txt-hover-tv-line:hover {
    color: var(--theme-tv-line)
}

.bg-tv-line,
.bg-hover-tv-line:hover {
    background-color: var(--theme-tv-line)
}

.txt-tv-line-i,
.txt-hover-tv-line-i:hover {
    color: var(--theme-tv-line) !important
}

.bg-tv-line-i,
.bg-hover-tv-line-i:hover {
    background-color: var(--theme-tv-line) !important
}

.txt-tv-yellow,
.txt-hover-tv-yellow:hover {
    color: var(--theme-tv-yellow)
}

.bg-tv-yellow,
.bg-hover-tv-yellow:hover {
    background-color: var(--theme-tv-yellow)
}

.txt-tv-yellow-i,
.txt-hover-tv-yellow-i:hover {
    color: var(--theme-tv-yellow) !important
}

.bg-tv-yellow-i,
.bg-hover-tv-yellow-i:hover {
    background-color: var(--theme-tv-yellow) !important
}

.txt-scrollbar-thumb,
.txt-hover-scrollbar-thumb:hover {
    color: var(--theme-scrollbar-thumb)
}

.bg-scrollbar-thumb,
.bg-hover-scrollbar-thumb:hover {
    background-color: var(--theme-scrollbar-thumb)
}

.txt-scrollbar-thumb-i,
.txt-hover-scrollbar-thumb-i:hover {
    color: var(--theme-scrollbar-thumb) !important
}

.bg-scrollbar-thumb-i,
.bg-hover-scrollbar-thumb-i:hover {
    background-color: var(--theme-scrollbar-thumb) !important
}

.txt-brand,
.txt-hover-brand:hover {
    color: var(--theme-brand)
}

.bg-brand,
.bg-hover-brand:hover {
    background-color: var(--theme-brand)
}

.txt-brand-i,
.txt-hover-brand-i:hover {
    color: var(--theme-brand) !important
}

.bg-brand-i,
.bg-hover-brand-i:hover {
    background-color: var(--theme-brand) !important
}

.txt-brand-hover,
.txt-hover-brand-hover:hover {
    color: var(--theme-brand-hover)
}

.bg-brand-hover,
.bg-hover-brand-hover:hover {
    background-color: var(--theme-brand-hover)
}

.txt-brand-hover-i,
.txt-hover-brand-hover-i:hover {
    color: var(--theme-brand-hover) !important
}

.bg-brand-hover-i,
.bg-hover-brand-hover-i:hover {
    background-color: var(--theme-brand-hover) !important
}

.txt-background-01,
.txt-hover-background-01:hover {
    color: var(--theme-background-01)
}

.bg-background-01,
.bg-hover-background-01:hover {
    background-color: var(--theme-background-01)
}

.txt-background-01-i,
.txt-hover-background-01-i:hover {
    color: var(--theme-background-01) !important
}

.bg-background-01-i,
.bg-hover-background-01-i:hover {
    background-color: var(--theme-background-01) !important
}

.txt-background-01-reverse,
.txt-hover-background-01-reverse:hover {
    color: var(--theme-background-01-reverse)
}

.bg-background-01-reverse,
.bg-hover-background-01-reverse:hover {
    background-color: var(--theme-background-01-reverse)
}

.txt-background-01-reverse-i,
.txt-hover-background-01-reverse-i:hover {
    color: var(--theme-background-01-reverse) !important
}

.bg-background-01-reverse-i,
.bg-hover-background-01-reverse-i:hover {
    background-color: var(--theme-background-01-reverse) !important
}

.txt-background-02,
.txt-hover-background-02:hover {
    color: var(--theme-background-02)
}

.bg-background-02,
.bg-hover-background-02:hover {
    background-color: var(--theme-background-02)
}

.txt-background-02-i,
.txt-hover-background-02-i:hover {
    color: var(--theme-background-02) !important
}

.bg-background-02-i,
.bg-hover-background-02-i:hover {
    background-color: var(--theme-background-02) !important
}

.txt-background-03,
.txt-hover-background-03:hover {
    color: var(--theme-background-03)
}

.bg-background-03,
.bg-hover-background-03:hover {
    background-color: var(--theme-background-03)
}

.txt-background-03-i,
.txt-hover-background-03-i:hover {
    color: var(--theme-background-03) !important
}

.bg-background-03-i,
.bg-hover-background-03-i:hover {
    background-color: var(--theme-background-03) !important
}

.txt-background-04,
.txt-hover-background-04:hover {
    color: var(--theme-background-04)
}

.bg-background-04,
.bg-hover-background-04:hover {
    background-color: var(--theme-background-04)
}

.txt-background-04-i,
.txt-hover-background-04-i:hover {
    color: var(--theme-background-04) !important
}

.bg-background-04-i,
.bg-hover-background-04-i:hover {
    background-color: var(--theme-background-04) !important
}

.txt-background-05,
.txt-hover-background-05:hover {
    color: var(--theme-background-05)
}

.bg-background-05,
.bg-hover-background-05:hover {
    background-color: var(--theme-background-05)
}

.txt-background-05-i,
.txt-hover-background-05-i:hover {
    color: var(--theme-background-05) !important
}

.bg-background-05-i,
.bg-hover-background-05-i:hover {
    background-color: var(--theme-background-05) !important
}

.txt-background-06,
.txt-hover-background-06:hover {
    color: var(--theme-background-06)
}

.bg-background-06,
.bg-hover-background-06:hover {
    background-color: var(--theme-background-06)
}

.txt-background-06-i,
.txt-hover-background-06-i:hover {
    color: var(--theme-background-06) !important
}

.bg-background-06-i,
.bg-hover-background-06-i:hover {
    background-color: var(--theme-background-06) !important
}

.txt-background-06-reverse,
.txt-hover-background-06-reverse:hover {
    color: var(--theme-background-06-reverse)
}

.bg-background-06-reverse,
.bg-hover-background-06-reverse:hover {
    background-color: var(--theme-background-06-reverse)
}

.txt-background-06-reverse-i,
.txt-hover-background-06-reverse-i:hover {
    color: var(--theme-background-06-reverse) !important
}

.bg-background-06-reverse-i,
.bg-hover-background-06-reverse-i:hover {
    background-color: var(--theme-background-06-reverse) !important
}

.txt-background-green-01,
.txt-hover-background-green-01:hover {
    color: var(--theme-background-green-01)
}

.bg-background-green-01,
.bg-hover-background-green-01:hover {
    background-color: var(--theme-background-green-01)
}

.txt-background-green-01-i,
.txt-hover-background-green-01-i:hover {
    color: var(--theme-background-green-01) !important
}

.bg-background-green-01-i,
.bg-hover-background-green-01-i:hover {
    background-color: var(--theme-background-green-01) !important
}

.txt-background-green-02,
.txt-hover-background-green-02:hover {
    color: var(--theme-background-green-02)
}

.bg-background-green-02,
.bg-hover-background-green-02:hover {
    background-color: var(--theme-background-green-02)
}

.txt-background-green-02-i,
.txt-hover-background-green-02-i:hover {
    color: var(--theme-background-green-02) !important
}

.bg-background-green-02-i,
.bg-hover-background-green-02-i:hover {
    background-color: var(--theme-background-green-02) !important
}

.txt-background-red-01,
.txt-hover-background-red-01:hover {
    color: var(--theme-background-red-01)
}

.bg-background-red-01,
.bg-hover-background-red-01:hover {
    background-color: var(--theme-background-red-01)
}

.txt-background-red-01-i,
.txt-hover-background-red-01-i:hover {
    color: var(--theme-background-red-01) !important
}

.bg-background-red-01-i,
.bg-hover-background-red-01-i:hover {
    background-color: var(--theme-background-red-01) !important
}

.txt-background-red-02,
.txt-hover-background-red-02:hover {
    color: var(--theme-background-red-02)
}

.bg-background-red-02,
.bg-hover-background-red-02:hover {
    background-color: var(--theme-background-red-02)
}

.txt-background-red-02-i,
.txt-hover-background-red-02-i:hover {
    color: var(--theme-background-red-02) !important
}

.bg-background-red-02-i,
.bg-hover-background-red-02-i:hover {
    background-color: var(--theme-background-red-02) !important
}

.txt-text-special,
.txt-hover-text-special:hover {
    color: var(--theme-text-special)
}

.bg-text-special,
.bg-hover-text-special:hover {
    background-color: var(--theme-text-special)
}

.txt-text-special-i,
.txt-hover-text-special-i:hover {
    color: var(--theme-text-special) !important
}

.bg-text-special-i,
.bg-hover-text-special-i:hover {
    background-color: var(--theme-text-special) !important
}

.txt-text-reverse,
.txt-hover-text-reverse:hover {
    color: var(--theme-text-reverse)
}

.bg-text-reverse,
.bg-hover-text-reverse:hover {
    background-color: var(--theme-text-reverse)
}

.txt-text-reverse-i,
.txt-hover-text-reverse-i:hover {
    color: var(--theme-text-reverse) !important
}

.bg-text-reverse-i,
.bg-hover-text-reverse-i:hover {
    background-color: var(--theme-text-reverse) !important
}

.txt-text-01,
.txt-hover-text-01:hover {
    color: var(--theme-text-01)
}

.bg-text-01,
.bg-hover-text-01:hover {
    background-color: var(--theme-text-01)
}

.txt-text-01-i,
.txt-hover-text-01-i:hover {
    color: var(--theme-text-01) !important
}

.bg-text-01-i,
.bg-hover-text-01-i:hover {
    background-color: var(--theme-text-01) !important
}

.txt-text-02,
.txt-hover-text-02:hover {
    color: var(--theme-text-02)
}

.bg-text-02,
.bg-hover-text-02:hover {
    background-color: var(--theme-text-02)
}

.txt-text-02-i,
.txt-hover-text-02-i:hover {
    color: var(--theme-text-02) !important
}

.bg-text-02-i,
.bg-hover-text-02-i:hover {
    background-color: var(--theme-text-02) !important
}

.txt-text-03,
.txt-hover-text-03:hover {
    color: var(--theme-text-03)
}

.bg-text-03,
.bg-hover-text-03:hover {
    background-color: var(--theme-text-03)
}

.txt-text-03-i,
.txt-hover-text-03-i:hover {
    color: var(--theme-text-03) !important
}

.bg-text-03-i,
.bg-hover-text-03-i:hover {
    background-color: var(--theme-text-03) !important
}

.txt-text-04,
.txt-hover-text-04:hover {
    color: var(--theme-text-04)
}

.bg-text-04,
.bg-hover-text-04:hover {
    background-color: var(--theme-text-04)
}

.txt-text-04-i,
.txt-hover-text-04-i:hover {
    color: var(--theme-text-04) !important
}

.bg-text-04-i,
.bg-hover-text-04-i:hover {
    background-color: var(--theme-text-04) !important
}

.txt-button-disabled,
.txt-hover-button-disabled:hover {
    color: var(--theme-button-disabled)
}

.bg-button-disabled,
.bg-hover-button-disabled:hover {
    background-color: var(--theme-button-disabled)
}

.txt-button-disabled-i,
.txt-hover-button-disabled-i:hover {
    color: var(--theme-button-disabled) !important
}

.bg-button-disabled-i,
.bg-hover-button-disabled-i:hover {
    background-color: var(--theme-button-disabled) !important
}

.txt-button-primary,
.txt-hover-button-primary:hover {
    color: var(--theme-button-primary)
}

.bg-button-primary,
.bg-hover-button-primary:hover {
    background-color: var(--theme-button-primary)
}

.txt-button-primary-i,
.txt-hover-button-primary-i:hover {
    color: var(--theme-button-primary) !important
}

.bg-button-primary-i,
.bg-hover-button-primary-i:hover {
    background-color: var(--theme-button-primary) !important
}

.txt-button-primary-hover,
.txt-hover-button-primary-hover:hover {
    color: var(--theme-button-primary-hover)
}

.bg-button-primary-hover,
.bg-hover-button-primary-hover:hover {
    background-color: var(--theme-button-primary-hover)
}

.txt-button-primary-hover-i,
.txt-hover-button-primary-hover-i:hover {
    color: var(--theme-button-primary-hover) !important
}

.bg-button-primary-hover-i,
.bg-hover-button-primary-hover-i:hover {
    background-color: var(--theme-button-primary-hover) !important
}

.txt-button-secondary,
.txt-hover-button-secondary:hover {
    color: var(--theme-button-secondary)
}

.bg-button-secondary,
.bg-hover-button-secondary:hover {
    background-color: var(--theme-button-secondary)
}

.txt-button-secondary-i,
.txt-hover-button-secondary-i:hover {
    color: var(--theme-button-secondary) !important
}

.bg-button-secondary-i,
.bg-hover-button-secondary-i:hover {
    background-color: var(--theme-button-secondary) !important
}

.txt-button-secondary-hover,
.txt-hover-button-secondary-hover:hover {
    color: var(--theme-button-secondary-hover)
}

.bg-button-secondary-hover,
.bg-hover-button-secondary-hover:hover {
    background-color: var(--theme-button-secondary-hover)
}

.txt-button-secondary-hover-i,
.txt-hover-button-secondary-hover-i:hover {
    color: var(--theme-button-secondary-hover) !important
}

.bg-button-secondary-hover-i,
.bg-hover-button-secondary-hover-i:hover {
    background-color: var(--theme-button-secondary-hover) !important
}

.txt-button-tertiary,
.txt-hover-button-tertiary:hover {
    color: var(--theme-button-tertiary)
}

.bg-button-tertiary,
.bg-hover-button-tertiary:hover {
    background-color: var(--theme-button-tertiary)
}

.txt-button-tertiary-i,
.txt-hover-button-tertiary-i:hover {
    color: var(--theme-button-tertiary) !important
}

.bg-button-tertiary-i,
.bg-hover-button-tertiary-i:hover {
    background-color: var(--theme-button-tertiary) !important
}

.txt-button-tertiary-hover,
.txt-hover-button-tertiary-hover:hover {
    color: var(--theme-button-tertiary-hover)
}

.bg-button-tertiary-hover,
.bg-hover-button-tertiary-hover:hover {
    background-color: var(--theme-button-tertiary-hover)
}

.txt-button-tertiary-hover-i,
.txt-hover-button-tertiary-hover-i:hover {
    color: var(--theme-button-tertiary-hover) !important
}

.bg-button-tertiary-hover-i,
.bg-hover-button-tertiary-hover-i:hover {
    background-color: var(--theme-button-tertiary-hover) !important
}

.txt-button-green,
.txt-hover-button-green:hover {
    color: var(--theme-button-green)
}

.bg-button-green,
.bg-hover-button-green:hover {
    background-color: var(--theme-button-green)
}

.txt-button-green-i,
.txt-hover-button-green-i:hover {
    color: var(--theme-button-green) !important
}

.bg-button-green-i,
.bg-hover-button-green-i:hover {
    background-color: var(--theme-button-green) !important
}

.txt-button-green-hover,
.txt-hover-button-green-hover:hover {
    color: var(--theme-button-green-hover)
}

.bg-button-green-hover,
.bg-hover-button-green-hover:hover {
    background-color: var(--theme-button-green-hover)
}

.txt-button-green-hover-i,
.txt-hover-button-green-hover-i:hover {
    color: var(--theme-button-green-hover) !important
}

.bg-button-green-hover-i,
.bg-hover-button-green-hover-i:hover {
    background-color: var(--theme-button-green-hover) !important
}

.txt-button-red,
.txt-hover-button-red:hover {
    color: var(--theme-button-red)
}

.bg-button-red,
.bg-hover-button-red:hover {
    background-color: var(--theme-button-red)
}

.txt-button-red-i,
.txt-hover-button-red-i:hover {
    color: var(--theme-button-red) !important
}

.bg-button-red-i,
.bg-hover-button-red-i:hover {
    background-color: var(--theme-button-red) !important
}

.txt-button-red-hover,
.txt-hover-button-red-hover:hover {
    color: var(--theme-button-red-hover)
}

.bg-button-red-hover,
.bg-hover-button-red-hover:hover {
    background-color: var(--theme-button-red-hover)
}

.txt-button-red-hover-i,
.txt-hover-button-red-hover-i:hover {
    color: var(--theme-button-red-hover) !important
}

.bg-button-red-hover-i,
.bg-hover-button-red-hover-i:hover {
    background-color: var(--theme-button-red-hover) !important
}

.txt-line-01,
.txt-hover-line-01:hover {
    color: var(--theme-line-01)
}

.bg-line-01,
.bg-hover-line-01:hover {
    background-color: var(--theme-line-01)
}

.txt-line-01-i,
.txt-hover-line-01-i:hover {
    color: var(--theme-line-01) !important
}

.bg-line-01-i,
.bg-hover-line-01-i:hover {
    background-color: var(--theme-line-01) !important
}

.txt-line-02,
.txt-hover-line-02:hover {
    color: var(--theme-line-02)
}

.bg-line-02,
.bg-hover-line-02:hover {
    background-color: var(--theme-line-02)
}

.txt-line-02-i,
.txt-hover-line-02-i:hover {
    color: var(--theme-line-02) !important
}

.bg-line-02-i,
.bg-hover-line-02-i:hover {
    background-color: var(--theme-line-02) !important
}

.txt-line-03,
.txt-hover-line-03:hover {
    color: var(--theme-line-03)
}

.bg-line-03,
.bg-hover-line-03:hover {
    background-color: var(--theme-line-03)
}

.txt-line-03-i,
.txt-hover-line-03-i:hover {
    color: var(--theme-line-03) !important
}

.bg-line-03-i,
.bg-hover-line-03-i:hover {
    background-color: var(--theme-line-03) !important
}

.txt-feature-red,
.txt-hover-feature-red:hover {
    color: var(--theme-feature-red)
}

.bg-feature-red,
.bg-hover-feature-red:hover {
    background-color: var(--theme-feature-red)
}

.txt-feature-red-i,
.txt-hover-feature-red-i:hover {
    color: var(--theme-feature-red) !important
}

.bg-feature-red-i,
.bg-hover-feature-red-i:hover {
    background-color: var(--theme-feature-red) !important
}

.txt-feature-green,
.txt-hover-feature-green:hover {
    color: var(--theme-feature-green)
}

.bg-feature-green,
.bg-hover-feature-green:hover {
    background-color: var(--theme-feature-green)
}

.txt-feature-green-i,
.txt-hover-feature-green-i:hover {
    color: var(--theme-feature-green) !important
}

.bg-feature-green-i,
.bg-hover-feature-green-i:hover {
    background-color: var(--theme-feature-green) !important
}

.txt-feature-active,
.txt-hover-feature-active:hover {
    color: var(--theme-feature-active)
}

.bg-feature-active,
.bg-hover-feature-active:hover {
    background-color: var(--theme-feature-active)
}

.txt-feature-active-i,
.txt-hover-feature-active-i:hover {
    color: var(--theme-feature-active) !important
}

.bg-feature-active-i,
.bg-hover-feature-active-i:hover {
    background-color: var(--theme-feature-active) !important
}

.txt-feature-active-hover,
.txt-hover-feature-active-hover:hover {
    color: var(--theme-feature-active-hover)
}

.bg-feature-active-hover,
.bg-hover-feature-active-hover:hover {
    background-color: var(--theme-feature-active-hover)
}

.txt-feature-active-hover-i,
.txt-hover-feature-active-hover-i:hover {
    color: var(--theme-feature-active-hover) !important
}

.bg-feature-active-hover-i,
.bg-hover-feature-active-hover-i:hover {
    background-color: var(--theme-feature-active-hover) !important
}

.txt-feature-orange,
.txt-hover-feature-orange:hover {
    color: var(--theme-feature-orange)
}

.bg-feature-orange,
.bg-hover-feature-orange:hover {
    background-color: var(--theme-feature-orange)
}

.txt-feature-orange-i,
.txt-hover-feature-orange-i:hover {
    color: var(--theme-feature-orange) !important
}

.bg-feature-orange-i,
.bg-hover-feature-orange-i:hover {
    background-color: var(--theme-feature-orange) !important
}

.txt-red,
.txt-hover-red:hover {
    color: var(--theme-red)
}

.bg-red,
.bg-hover-red:hover {
    background-color: var(--theme-red)
}

.txt-red-i,
.txt-hover-red-i:hover {
    color: var(--theme-red) !important
}

.bg-red-i,
.bg-hover-red-i:hover {
    background-color: var(--theme-red) !important
}

.txt-red-hover,
.txt-hover-red-hover:hover {
    color: var(--theme-red-hover)
}

.bg-red-hover,
.bg-hover-red-hover:hover {
    background-color: var(--theme-red-hover)
}

.txt-red-hover-i,
.txt-hover-red-hover-i:hover {
    color: var(--theme-red-hover) !important
}

.bg-red-hover-i,
.bg-hover-red-hover-i:hover {
    background-color: var(--theme-red-hover) !important
}

.txt-orange,
.txt-hover-orange:hover {
    color: var(--theme-orange)
}

.bg-orange,
.bg-hover-orange:hover {
    background-color: var(--theme-orange)
}

.txt-orange-i,
.txt-hover-orange-i:hover {
    color: var(--theme-orange) !important
}

.bg-orange-i,
.bg-hover-orange-i:hover {
    background-color: var(--theme-orange) !important
}

.txt-orange-hover,
.txt-hover-orange-hover:hover {
    color: var(--theme-orange-hover)
}

.bg-orange-hover,
.bg-hover-orange-hover:hover {
    background-color: var(--theme-orange-hover)
}

.txt-orange-hover-i,
.txt-hover-orange-hover-i:hover {
    color: var(--theme-orange-hover) !important
}

.bg-orange-hover-i,
.bg-hover-orange-hover-i:hover {
    background-color: var(--theme-orange-hover) !important
}

.txt-illustration-01,
.txt-hover-illustration-01:hover {
    color: var(--theme-illustration-01)
}

.bg-illustration-01,
.bg-hover-illustration-01:hover {
    background-color: var(--theme-illustration-01)
}

.txt-illustration-01-i,
.txt-hover-illustration-01-i:hover {
    color: var(--theme-illustration-01) !important
}

.bg-illustration-01-i,
.bg-hover-illustration-01-i:hover {
    background-color: var(--theme-illustration-01) !important
}

.txt-illustration-02,
.txt-hover-illustration-02:hover {
    color: var(--theme-illustration-02)
}

.bg-illustration-02,
.bg-hover-illustration-02:hover {
    background-color: var(--theme-illustration-02)
}

.txt-illustration-02-i,
.txt-hover-illustration-02-i:hover {
    color: var(--theme-illustration-02) !important
}

.bg-illustration-02-i,
.bg-hover-illustration-02-i:hover {
    background-color: var(--theme-illustration-02) !important
}

.txt-illustration-03,
.txt-hover-illustration-03:hover {
    color: var(--theme-illustration-03)
}

.bg-illustration-03,
.bg-hover-illustration-03:hover {
    background-color: var(--theme-illustration-03)
}

.txt-illustration-03-i,
.txt-hover-illustration-03-i:hover {
    color: var(--theme-illustration-03) !important
}

.bg-illustration-03-i,
.bg-hover-illustration-03-i:hover {
    background-color: var(--theme-illustration-03) !important
}

.txt-illustration-04,
.txt-hover-illustration-04:hover {
    color: var(--theme-illustration-04)
}

.bg-illustration-04,
.bg-hover-illustration-04:hover {
    background-color: var(--theme-illustration-04)
}

.txt-illustration-04-i,
.txt-hover-illustration-04-i:hover {
    color: var(--theme-illustration-04) !important
}

.bg-illustration-04-i,
.bg-hover-illustration-04-i:hover {
    background-color: var(--theme-illustration-04) !important
}

.txt-illustration-05,
.txt-hover-illustration-05:hover {
    color: var(--theme-illustration-05)
}

.bg-illustration-05,
.bg-hover-illustration-05:hover {
    background-color: var(--theme-illustration-05)
}

.txt-illustration-05-i,
.txt-hover-illustration-05-i:hover {
    color: var(--theme-illustration-05) !important
}

.bg-illustration-05-i,
.bg-hover-illustration-05-i:hover {
    background-color: var(--theme-illustration-05) !important
}

.txt-surface-base,
.txt-hover-surface-base:hover {
    color: var(--theme-surface-base)
}

.bg-surface-base,
.bg-hover-surface-base:hover {
    background-color: var(--theme-surface-base)
}

.txt-surface-base-i,
.txt-hover-surface-base-i:hover {
    color: var(--theme-surface-base) !important
}

.bg-surface-base-i,
.bg-hover-surface-base-i:hover {
    background-color: var(--theme-surface-base) !important
}

.txt-surface-base-hovered,
.txt-hover-surface-base-hovered:hover {
    color: var(--theme-surface-base-hovered)
}

.bg-surface-base-hovered,
.bg-hover-surface-base-hovered:hover {
    background-color: var(--theme-surface-base-hovered)
}

.txt-surface-base-hovered-i,
.txt-hover-surface-base-hovered-i:hover {
    color: var(--theme-surface-base-hovered) !important
}

.bg-surface-base-hovered-i,
.bg-hover-surface-base-hovered-i:hover {
    background-color: var(--theme-surface-base-hovered) !important
}

.txt-surface-base-pressed,
.txt-hover-surface-base-pressed:hover {
    color: var(--theme-surface-base-pressed)
}

.bg-surface-base-pressed,
.bg-hover-surface-base-pressed:hover {
    background-color: var(--theme-surface-base-pressed)
}

.txt-surface-base-pressed-i,
.txt-hover-surface-base-pressed-i:hover {
    color: var(--theme-surface-base-pressed) !important
}

.bg-surface-base-pressed-i,
.bg-hover-surface-base-pressed-i:hover {
    background-color: var(--theme-surface-base-pressed) !important
}

.txt-surface-secondary,
.txt-hover-surface-secondary:hover {
    color: var(--theme-surface-secondary)
}

.bg-surface-secondary,
.bg-hover-surface-secondary:hover {
    background-color: var(--theme-surface-secondary)
}

.txt-surface-secondary-i,
.txt-hover-surface-secondary-i:hover {
    color: var(--theme-surface-secondary) !important
}

.bg-surface-secondary-i,
.bg-hover-surface-secondary-i:hover {
    background-color: var(--theme-surface-secondary) !important
}

.txt-surface-secondary-hovered,
.txt-hover-surface-secondary-hovered:hover {
    color: var(--theme-surface-secondary-hovered)
}

.bg-surface-secondary-hovered,
.bg-hover-surface-secondary-hovered:hover {
    background-color: var(--theme-surface-secondary-hovered)
}

.txt-surface-secondary-hovered-i,
.txt-hover-surface-secondary-hovered-i:hover {
    color: var(--theme-surface-secondary-hovered) !important
}

.bg-surface-secondary-hovered-i,
.bg-hover-surface-secondary-hovered-i:hover {
    background-color: var(--theme-surface-secondary-hovered) !important
}

.txt-surface-secondary-pressed,
.txt-hover-surface-secondary-pressed:hover {
    color: var(--theme-surface-secondary-pressed)
}

.bg-surface-secondary-pressed,
.bg-hover-surface-secondary-pressed:hover {
    background-color: var(--theme-surface-secondary-pressed)
}

.txt-surface-secondary-pressed-i,
.txt-hover-surface-secondary-pressed-i:hover {
    color: var(--theme-surface-secondary-pressed) !important
}

.bg-surface-secondary-pressed-i,
.bg-hover-surface-secondary-pressed-i:hover {
    background-color: var(--theme-surface-secondary-pressed) !important
}

.txt-surface-tertiary,
.txt-hover-surface-tertiary:hover {
    color: var(--theme-surface-tertiary)
}

.bg-surface-tertiary,
.bg-hover-surface-tertiary:hover {
    background-color: var(--theme-surface-tertiary)
}

.txt-surface-tertiary-i,
.txt-hover-surface-tertiary-i:hover {
    color: var(--theme-surface-tertiary) !important
}

.bg-surface-tertiary-i,
.bg-hover-surface-tertiary-i:hover {
    background-color: var(--theme-surface-tertiary) !important
}

.txt-surface-tertiary-hovered,
.txt-hover-surface-tertiary-hovered:hover {
    color: var(--theme-surface-tertiary-hovered)
}

.bg-surface-tertiary-hovered,
.bg-hover-surface-tertiary-hovered:hover {
    background-color: var(--theme-surface-tertiary-hovered)
}

.txt-surface-tertiary-hovered-i,
.txt-hover-surface-tertiary-hovered-i:hover {
    color: var(--theme-surface-tertiary-hovered) !important
}

.bg-surface-tertiary-hovered-i,
.bg-hover-surface-tertiary-hovered-i:hover {
    background-color: var(--theme-surface-tertiary-hovered) !important
}

.txt-surface-tertiary-pressed,
.txt-hover-surface-tertiary-pressed:hover {
    color: var(--theme-surface-tertiary-pressed)
}

.bg-surface-tertiary-pressed,
.bg-hover-surface-tertiary-pressed:hover {
    background-color: var(--theme-surface-tertiary-pressed)
}

.txt-surface-tertiary-pressed-i,
.txt-hover-surface-tertiary-pressed-i:hover {
    color: var(--theme-surface-tertiary-pressed) !important
}

.bg-surface-tertiary-pressed-i,
.bg-hover-surface-tertiary-pressed-i:hover {
    background-color: var(--theme-surface-tertiary-pressed) !important
}

.txt-surface-elevated,
.txt-hover-surface-elevated:hover {
    color: var(--theme-surface-elevated)
}

.bg-surface-elevated,
.bg-hover-surface-elevated:hover {
    background-color: var(--theme-surface-elevated)
}

.txt-surface-elevated-i,
.txt-hover-surface-elevated-i:hover {
    color: var(--theme-surface-elevated) !important
}

.bg-surface-elevated-i,
.bg-hover-surface-elevated-i:hover {
    background-color: var(--theme-surface-elevated) !important
}

.txt-surface-elevated-hovered,
.txt-hover-surface-elevated-hovered:hover {
    color: var(--theme-surface-elevated-hovered)
}

.bg-surface-elevated-hovered,
.bg-hover-surface-elevated-hovered:hover {
    background-color: var(--theme-surface-elevated-hovered)
}

.txt-surface-elevated-hovered-i,
.txt-hover-surface-elevated-hovered-i:hover {
    color: var(--theme-surface-elevated-hovered) !important
}

.bg-surface-elevated-hovered-i,
.bg-hover-surface-elevated-hovered-i:hover {
    background-color: var(--theme-surface-elevated-hovered) !important
}

.txt-surface-elevated-pressed,
.txt-hover-surface-elevated-pressed:hover {
    color: var(--theme-surface-elevated-pressed)
}

.bg-surface-elevated-pressed,
.bg-hover-surface-elevated-pressed:hover {
    background-color: var(--theme-surface-elevated-pressed)
}

.txt-surface-elevated-pressed-i,
.txt-hover-surface-elevated-pressed-i:hover {
    color: var(--theme-surface-elevated-pressed) !important
}

.bg-surface-elevated-pressed-i,
.bg-hover-surface-elevated-pressed-i:hover {
    background-color: var(--theme-surface-elevated-pressed) !important
}

.txt-surface-raised,
.txt-hover-surface-raised:hover {
    color: var(--theme-surface-raised)
}

.bg-surface-raised,
.bg-hover-surface-raised:hover {
    background-color: var(--theme-surface-raised)
}

.txt-surface-raised-i,
.txt-hover-surface-raised-i:hover {
    color: var(--theme-surface-raised) !important
}

.bg-surface-raised-i,
.bg-hover-surface-raised-i:hover {
    background-color: var(--theme-surface-raised) !important
}

.txt-surface-raised-hovered,
.txt-hover-surface-raised-hovered:hover {
    color: var(--theme-surface-raised-hovered)
}

.bg-surface-raised-hovered,
.bg-hover-surface-raised-hovered:hover {
    background-color: var(--theme-surface-raised-hovered)
}

.txt-surface-raised-hovered-i,
.txt-hover-surface-raised-hovered-i:hover {
    color: var(--theme-surface-raised-hovered) !important
}

.bg-surface-raised-hovered-i,
.bg-hover-surface-raised-hovered-i:hover {
    background-color: var(--theme-surface-raised-hovered) !important
}

.txt-surface-raised-pressed,
.txt-hover-surface-raised-pressed:hover {
    color: var(--theme-surface-raised-pressed)
}

.bg-surface-raised-pressed,
.bg-hover-surface-raised-pressed:hover {
    background-color: var(--theme-surface-raised-pressed)
}

.txt-surface-raised-pressed-i,
.txt-hover-surface-raised-pressed-i:hover {
    color: var(--theme-surface-raised-pressed) !important
}

.bg-surface-raised-pressed-i,
.bg-hover-surface-raised-pressed-i:hover {
    background-color: var(--theme-surface-raised-pressed) !important
}

.txt-background-input-default,
.txt-hover-background-input-default:hover {
    color: var(--theme-background-input-default)
}

.bg-background-input-default,
.bg-hover-background-input-default:hover {
    background-color: var(--theme-background-input-default)
}

.txt-background-input-default-i,
.txt-hover-background-input-default-i:hover {
    color: var(--theme-background-input-default) !important
}

.bg-background-input-default-i,
.bg-hover-background-input-default-i:hover {
    background-color: var(--theme-background-input-default) !important
}

.txt-background-input-hovered,
.txt-hover-background-input-hovered:hover {
    color: var(--theme-background-input-hovered)
}

.bg-background-input-hovered,
.bg-hover-background-input-hovered:hover {
    background-color: var(--theme-background-input-hovered)
}

.txt-background-input-hovered-i,
.txt-hover-background-input-hovered-i:hover {
    color: var(--theme-background-input-hovered) !important
}

.bg-background-input-hovered-i,
.bg-hover-background-input-hovered-i:hover {
    background-color: var(--theme-background-input-hovered) !important
}

.txt-background-input-pressed,
.txt-hover-background-input-pressed:hover {
    color: var(--theme-background-input-pressed)
}

.bg-background-input-pressed,
.bg-hover-background-input-pressed:hover {
    background-color: var(--theme-background-input-pressed)
}

.txt-background-input-pressed-i,
.txt-hover-background-input-pressed-i:hover {
    color: var(--theme-background-input-pressed) !important
}

.bg-background-input-pressed-i,
.bg-hover-background-input-pressed-i:hover {
    background-color: var(--theme-background-input-pressed) !important
}

.txt-background-input-disabled,
.txt-hover-background-input-disabled:hover {
    color: var(--theme-background-input-disabled)
}

.bg-background-input-disabled,
.bg-hover-background-input-disabled:hover {
    background-color: var(--theme-background-input-disabled)
}

.txt-background-input-disabled-i,
.txt-hover-background-input-disabled-i:hover {
    color: var(--theme-background-input-disabled) !important
}

.bg-background-input-disabled-i,
.bg-hover-background-input-disabled-i:hover {
    background-color: var(--theme-background-input-disabled) !important
}

.txt-background-float-default,
.txt-hover-background-float-default:hover {
    color: var(--theme-background-float-default)
}

.bg-background-float-default,
.bg-hover-background-float-default:hover {
    background-color: var(--theme-background-float-default)
}

.txt-background-float-default-i,
.txt-hover-background-float-default-i:hover {
    color: var(--theme-background-float-default) !important
}

.bg-background-float-default-i,
.bg-hover-background-float-default-i:hover {
    background-color: var(--theme-background-float-default) !important
}

.txt-background-float-hovered,
.txt-hover-background-float-hovered:hover {
    color: var(--theme-background-float-hovered)
}

.bg-background-float-hovered,
.bg-hover-background-float-hovered:hover {
    background-color: var(--theme-background-float-hovered)
}

.txt-background-float-hovered-i,
.txt-hover-background-float-hovered-i:hover {
    color: var(--theme-background-float-hovered) !important
}

.bg-background-float-hovered-i,
.bg-hover-background-float-hovered-i:hover {
    background-color: var(--theme-background-float-hovered) !important
}

.txt-background-float-pressed,
.txt-hover-background-float-pressed:hover {
    color: var(--theme-background-float-pressed)
}

.bg-background-float-pressed,
.bg-hover-background-float-pressed:hover {
    background-color: var(--theme-background-float-pressed)
}

.txt-background-float-pressed-i,
.txt-hover-background-float-pressed-i:hover {
    color: var(--theme-background-float-pressed) !important
}

.bg-background-float-pressed-i,
.bg-hover-background-float-pressed-i:hover {
    background-color: var(--theme-background-float-pressed) !important
}

.txt-background-inverse-default,
.txt-hover-background-inverse-default:hover {
    color: var(--theme-background-inverse-default)
}

.bg-background-inverse-default,
.bg-hover-background-inverse-default:hover {
    background-color: var(--theme-background-inverse-default)
}

.txt-background-inverse-default-i,
.txt-hover-background-inverse-default-i:hover {
    color: var(--theme-background-inverse-default) !important
}

.bg-background-inverse-default-i,
.bg-hover-background-inverse-default-i:hover {
    background-color: var(--theme-background-inverse-default) !important
}

.txt-background-inverse-hovered,
.txt-hover-background-inverse-hovered:hover {
    color: var(--theme-background-inverse-hovered)
}

.bg-background-inverse-hovered,
.bg-hover-background-inverse-hovered:hover {
    background-color: var(--theme-background-inverse-hovered)
}

.txt-background-inverse-hovered-i,
.txt-hover-background-inverse-hovered-i:hover {
    color: var(--theme-background-inverse-hovered) !important
}

.bg-background-inverse-hovered-i,
.bg-hover-background-inverse-hovered-i:hover {
    background-color: var(--theme-background-inverse-hovered) !important
}

.txt-background-inverse-pressed,
.txt-hover-background-inverse-pressed:hover {
    color: var(--theme-background-inverse-pressed)
}

.bg-background-inverse-pressed,
.bg-hover-background-inverse-pressed:hover {
    background-color: var(--theme-background-inverse-pressed)
}

.txt-background-inverse-pressed-i,
.txt-hover-background-inverse-pressed-i:hover {
    color: var(--theme-background-inverse-pressed) !important
}

.bg-background-inverse-pressed-i,
.bg-hover-background-inverse-pressed-i:hover {
    background-color: var(--theme-background-inverse-pressed) !important
}

.txt-background-neutral-bold,
.txt-hover-background-neutral-bold:hover {
    color: var(--theme-background-neutral-bold)
}

.bg-background-neutral-bold,
.bg-hover-background-neutral-bold:hover {
    background-color: var(--theme-background-neutral-bold)
}

.txt-background-neutral-bold-i,
.txt-hover-background-neutral-bold-i:hover {
    color: var(--theme-background-neutral-bold) !important
}

.bg-background-neutral-bold-i,
.bg-hover-background-neutral-bold-i:hover {
    background-color: var(--theme-background-neutral-bold) !important
}

.txt-background-neutral-bold-hovered,
.txt-hover-background-neutral-bold-hovered:hover {
    color: var(--theme-background-neutral-bold-hovered)
}

.bg-background-neutral-bold-hovered,
.bg-hover-background-neutral-bold-hovered:hover {
    background-color: var(--theme-background-neutral-bold-hovered)
}

.txt-background-neutral-bold-hovered-i,
.txt-hover-background-neutral-bold-hovered-i:hover {
    color: var(--theme-background-neutral-bold-hovered) !important
}

.bg-background-neutral-bold-hovered-i,
.bg-hover-background-neutral-bold-hovered-i:hover {
    background-color: var(--theme-background-neutral-bold-hovered) !important
}

.txt-background-neutral-bold-strong,
.txt-hover-background-neutral-bold-strong:hover {
    color: var(--theme-background-neutral-bold-strong)
}

.bg-background-neutral-bold-strong,
.bg-hover-background-neutral-bold-strong:hover {
    background-color: var(--theme-background-neutral-bold-strong)
}

.txt-background-neutral-bold-strong-i,
.txt-hover-background-neutral-bold-strong-i:hover {
    color: var(--theme-background-neutral-bold-strong) !important
}

.bg-background-neutral-bold-strong-i,
.bg-hover-background-neutral-bold-strong-i:hover {
    background-color: var(--theme-background-neutral-bold-strong) !important
}

.txt-background-neutral-bold-light,
.txt-hover-background-neutral-bold-light:hover {
    color: var(--theme-background-neutral-bold-light)
}

.bg-background-neutral-bold-light,
.bg-hover-background-neutral-bold-light:hover {
    background-color: var(--theme-background-neutral-bold-light)
}

.txt-background-neutral-bold-light-i,
.txt-hover-background-neutral-bold-light-i:hover {
    color: var(--theme-background-neutral-bold-light) !important
}

.bg-background-neutral-bold-light-i,
.bg-hover-background-neutral-bold-light-i:hover {
    background-color: var(--theme-background-neutral-bold-light) !important
}

.txt-background-neutral-bold-disabled,
.txt-hover-background-neutral-bold-disabled:hover {
    color: var(--theme-background-neutral-bold-disabled)
}

.bg-background-neutral-bold-disabled,
.bg-hover-background-neutral-bold-disabled:hover {
    background-color: var(--theme-background-neutral-bold-disabled)
}

.txt-background-neutral-bold-disabled-i,
.txt-hover-background-neutral-bold-disabled-i:hover {
    color: var(--theme-background-neutral-bold-disabled) !important
}

.bg-background-neutral-bold-disabled-i,
.bg-hover-background-neutral-bold-disabled-i:hover {
    background-color: var(--theme-background-neutral-bold-disabled) !important
}

.txt-background-neutral-subtle,
.txt-hover-background-neutral-subtle:hover {
    color: var(--theme-background-neutral-subtle)
}

.bg-background-neutral-subtle,
.bg-hover-background-neutral-subtle:hover {
    background-color: var(--theme-background-neutral-subtle)
}

.txt-background-neutral-subtle-i,
.txt-hover-background-neutral-subtle-i:hover {
    color: var(--theme-background-neutral-subtle) !important
}

.bg-background-neutral-subtle-i,
.bg-hover-background-neutral-subtle-i:hover {
    background-color: var(--theme-background-neutral-subtle) !important
}

.txt-background-neutral-subtle-pressed,
.txt-hover-background-neutral-subtle-pressed:hover {
    color: var(--theme-background-neutral-subtle-pressed)
}

.bg-background-neutral-subtle-pressed,
.bg-hover-background-neutral-subtle-pressed:hover {
    background-color: var(--theme-background-neutral-subtle-pressed)
}

.txt-background-neutral-subtle-pressed-i,
.txt-hover-background-neutral-subtle-pressed-i:hover {
    color: var(--theme-background-neutral-subtle-pressed) !important
}

.bg-background-neutral-subtle-pressed-i,
.bg-hover-background-neutral-subtle-pressed-i:hover {
    background-color: var(--theme-background-neutral-subtle-pressed) !important
}

.txt-background-neutral-subtle-disabled,
.txt-hover-background-neutral-subtle-disabled:hover {
    color: var(--theme-background-neutral-subtle-disabled)
}

.bg-background-neutral-subtle-disabled,
.bg-hover-background-neutral-subtle-disabled:hover {
    background-color: var(--theme-background-neutral-subtle-disabled)
}

.txt-background-neutral-subtle-disabled-i,
.txt-hover-background-neutral-subtle-disabled-i:hover {
    color: var(--theme-background-neutral-subtle-disabled) !important
}

.bg-background-neutral-subtle-disabled-i,
.bg-hover-background-neutral-subtle-disabled-i:hover {
    background-color: var(--theme-background-neutral-subtle-disabled) !important
}

.txt-background-neutral-subtlest,
.txt-hover-background-neutral-subtlest:hover {
    color: var(--theme-background-neutral-subtlest)
}

.bg-background-neutral-subtlest,
.bg-hover-background-neutral-subtlest:hover {
    background-color: var(--theme-background-neutral-subtlest)
}

.txt-background-neutral-subtlest-i,
.txt-hover-background-neutral-subtlest-i:hover {
    color: var(--theme-background-neutral-subtlest) !important
}

.bg-background-neutral-subtlest-i,
.bg-hover-background-neutral-subtlest-i:hover {
    background-color: var(--theme-background-neutral-subtlest) !important
}

.txt-background-neutral-subtlest-hovered,
.txt-hover-background-neutral-subtlest-hovered:hover {
    color: var(--theme-background-neutral-subtlest-hovered)
}

.bg-background-neutral-subtlest-hovered,
.bg-hover-background-neutral-subtlest-hovered:hover {
    background-color: var(--theme-background-neutral-subtlest-hovered)
}

.txt-background-neutral-subtlest-hovered-i,
.txt-hover-background-neutral-subtlest-hovered-i:hover {
    color: var(--theme-background-neutral-subtlest-hovered) !important
}

.bg-background-neutral-subtlest-hovered-i,
.bg-hover-background-neutral-subtlest-hovered-i:hover {
    background-color: var(--theme-background-neutral-subtlest-hovered) !important
}

.txt-background-neutral-subtlest-pressed,
.txt-hover-background-neutral-subtlest-pressed:hover {
    color: var(--theme-background-neutral-subtlest-pressed)
}

.bg-background-neutral-subtlest-pressed,
.bg-hover-background-neutral-subtlest-pressed:hover {
    background-color: var(--theme-background-neutral-subtlest-pressed)
}

.txt-background-neutral-subtlest-pressed-i,
.txt-hover-background-neutral-subtlest-pressed-i:hover {
    color: var(--theme-background-neutral-subtlest-pressed) !important
}

.bg-background-neutral-subtlest-pressed-i,
.bg-hover-background-neutral-subtlest-pressed-i:hover {
    background-color: var(--theme-background-neutral-subtlest-pressed) !important
}

.txt-background-selected-bold,
.txt-hover-background-selected-bold:hover {
    color: var(--theme-background-selected-bold)
}

.bg-background-selected-bold,
.bg-hover-background-selected-bold:hover {
    background-color: var(--theme-background-selected-bold)
}

.txt-background-selected-bold-i,
.txt-hover-background-selected-bold-i:hover {
    color: var(--theme-background-selected-bold) !important
}

.bg-background-selected-bold-i,
.bg-hover-background-selected-bold-i:hover {
    background-color: var(--theme-background-selected-bold) !important
}

.txt-background-selected-subtle,
.txt-hover-background-selected-subtle:hover {
    color: var(--theme-background-selected-subtle)
}

.bg-background-selected-subtle,
.bg-hover-background-selected-subtle:hover {
    background-color: var(--theme-background-selected-subtle)
}

.txt-background-selected-subtle-i,
.txt-hover-background-selected-subtle-i:hover {
    color: var(--theme-background-selected-subtle) !important
}

.bg-background-selected-subtle-i,
.bg-hover-background-selected-subtle-i:hover {
    background-color: var(--theme-background-selected-subtle) !important
}

.txt-background-brand-lime-subtle,
.txt-hover-background-brand-lime-subtle:hover {
    color: var(--theme-background-brand-lime-subtle)
}

.bg-background-brand-lime-subtle,
.bg-hover-background-brand-lime-subtle:hover {
    background-color: var(--theme-background-brand-lime-subtle)
}

.txt-background-brand-lime-subtle-i,
.txt-hover-background-brand-lime-subtle-i:hover {
    color: var(--theme-background-brand-lime-subtle) !important
}

.bg-background-brand-lime-subtle-i,
.bg-hover-background-brand-lime-subtle-i:hover {
    background-color: var(--theme-background-brand-lime-subtle) !important
}

.txt-background-brand-lime-bold,
.txt-hover-background-brand-lime-bold:hover {
    color: var(--theme-background-brand-lime-bold)
}

.bg-background-brand-lime-bold,
.bg-hover-background-brand-lime-bold:hover {
    background-color: var(--theme-background-brand-lime-bold)
}

.txt-background-brand-lime-bold-i,
.txt-hover-background-brand-lime-bold-i:hover {
    color: var(--theme-background-brand-lime-bold) !important
}

.bg-background-brand-lime-bold-i,
.bg-hover-background-brand-lime-bold-i:hover {
    background-color: var(--theme-background-brand-lime-bold) !important
}

.txt-background-brand-lime-boldest,
.txt-hover-background-brand-lime-boldest:hover {
    color: var(--theme-background-brand-lime-boldest)
}

.bg-background-brand-lime-boldest,
.bg-hover-background-brand-lime-boldest:hover {
    background-color: var(--theme-background-brand-lime-boldest)
}

.txt-background-brand-lime-boldest-i,
.txt-hover-background-brand-lime-boldest-i:hover {
    color: var(--theme-background-brand-lime-boldest) !important
}

.bg-background-brand-lime-boldest-i,
.bg-hover-background-brand-lime-boldest-i:hover {
    background-color: var(--theme-background-brand-lime-boldest) !important
}

.txt-background-brand-teal-subtle,
.txt-hover-background-brand-teal-subtle:hover {
    color: var(--theme-background-brand-teal-subtle)
}

.bg-background-brand-teal-subtle,
.bg-hover-background-brand-teal-subtle:hover {
    background-color: var(--theme-background-brand-teal-subtle)
}

.txt-background-brand-teal-subtle-i,
.txt-hover-background-brand-teal-subtle-i:hover {
    color: var(--theme-background-brand-teal-subtle) !important
}

.bg-background-brand-teal-subtle-i,
.bg-hover-background-brand-teal-subtle-i:hover {
    background-color: var(--theme-background-brand-teal-subtle) !important
}

.txt-background-brand-teal-bold,
.txt-hover-background-brand-teal-bold:hover {
    color: var(--theme-background-brand-teal-bold)
}

.bg-background-brand-teal-bold,
.bg-hover-background-brand-teal-bold:hover {
    background-color: var(--theme-background-brand-teal-bold)
}

.txt-background-brand-teal-bold-i,
.txt-hover-background-brand-teal-bold-i:hover {
    color: var(--theme-background-brand-teal-bold) !important
}

.bg-background-brand-teal-bold-i,
.bg-hover-background-brand-teal-bold-i:hover {
    background-color: var(--theme-background-brand-teal-bold) !important
}

.txt-background-brand-teal-boldest,
.txt-hover-background-brand-teal-boldest:hover {
    color: var(--theme-background-brand-teal-boldest)
}

.bg-background-brand-teal-boldest,
.bg-hover-background-brand-teal-boldest:hover {
    background-color: var(--theme-background-brand-teal-boldest)
}

.txt-background-brand-teal-boldest-i,
.txt-hover-background-brand-teal-boldest-i:hover {
    color: var(--theme-background-brand-teal-boldest) !important
}

.bg-background-brand-teal-boldest-i,
.bg-hover-background-brand-teal-boldest-i:hover {
    background-color: var(--theme-background-brand-teal-boldest) !important
}

.txt-background-buy-subtle,
.txt-hover-background-buy-subtle:hover {
    color: var(--theme-background-buy-subtle)
}

.bg-background-buy-subtle,
.bg-hover-background-buy-subtle:hover {
    background-color: var(--theme-background-buy-subtle)
}

.txt-background-buy-subtle-i,
.txt-hover-background-buy-subtle-i:hover {
    color: var(--theme-background-buy-subtle) !important
}

.bg-background-buy-subtle-i,
.bg-hover-background-buy-subtle-i:hover {
    background-color: var(--theme-background-buy-subtle) !important
}

.txt-background-buy-bold,
.txt-hover-background-buy-bold:hover {
    color: var(--theme-background-buy-bold)
}

.bg-background-buy-bold,
.bg-hover-background-buy-bold:hover {
    background-color: var(--theme-background-buy-bold)
}

.txt-background-buy-bold-i,
.txt-hover-background-buy-bold-i:hover {
    color: var(--theme-background-buy-bold) !important
}

.bg-background-buy-bold-i,
.bg-hover-background-buy-bold-i:hover {
    background-color: var(--theme-background-buy-bold) !important
}

.txt-background-buy-bolder,
.txt-hover-background-buy-bolder:hover {
    color: var(--theme-background-buy-bolder)
}

.bg-background-buy-bolder,
.bg-hover-background-buy-bolder:hover {
    background-color: var(--theme-background-buy-bolder)
}

.txt-background-buy-bolder-i,
.txt-hover-background-buy-bolder-i:hover {
    color: var(--theme-background-buy-bolder) !important
}

.bg-background-buy-bolder-i,
.bg-hover-background-buy-bolder-i:hover {
    background-color: var(--theme-background-buy-bolder) !important
}

.txt-background-sell-subtle,
.txt-hover-background-sell-subtle:hover {
    color: var(--theme-background-sell-subtle)
}

.bg-background-sell-subtle,
.bg-hover-background-sell-subtle:hover {
    background-color: var(--theme-background-sell-subtle)
}

.txt-background-sell-subtle-i,
.txt-hover-background-sell-subtle-i:hover {
    color: var(--theme-background-sell-subtle) !important
}

.bg-background-sell-subtle-i,
.bg-hover-background-sell-subtle-i:hover {
    background-color: var(--theme-background-sell-subtle) !important
}

.txt-background-sell-bold,
.txt-hover-background-sell-bold:hover {
    color: var(--theme-background-sell-bold)
}

.bg-background-sell-bold,
.bg-hover-background-sell-bold:hover {
    background-color: var(--theme-background-sell-bold)
}

.txt-background-sell-bold-i,
.txt-hover-background-sell-bold-i:hover {
    color: var(--theme-background-sell-bold) !important
}

.bg-background-sell-bold-i,
.bg-hover-background-sell-bold-i:hover {
    background-color: var(--theme-background-sell-bold) !important
}

.txt-background-sell-bolder,
.txt-hover-background-sell-bolder:hover {
    color: var(--theme-background-sell-bolder)
}

.bg-background-sell-bolder,
.bg-hover-background-sell-bolder:hover {
    background-color: var(--theme-background-sell-bolder)
}

.txt-background-sell-bolder-i,
.txt-hover-background-sell-bolder-i:hover {
    color: var(--theme-background-sell-bolder) !important
}

.bg-background-sell-bolder-i,
.bg-hover-background-sell-bolder-i:hover {
    background-color: var(--theme-background-sell-bolder) !important
}

.txt-background-success-bolder,
.txt-hover-background-success-bolder:hover {
    color: var(--theme-background-success-bolder)
}

.bg-background-success-bolder,
.bg-hover-background-success-bolder:hover {
    background-color: var(--theme-background-success-bolder)
}

.txt-background-success-bolder-i,
.txt-hover-background-success-bolder-i:hover {
    color: var(--theme-background-success-bolder) !important
}

.bg-background-success-bolder-i,
.bg-hover-background-success-bolder-i:hover {
    background-color: var(--theme-background-success-bolder) !important
}

.txt-background-success-bold,
.txt-hover-background-success-bold:hover {
    color: var(--theme-background-success-bold)
}

.bg-background-success-bold,
.bg-hover-background-success-bold:hover {
    background-color: var(--theme-background-success-bold)
}

.txt-background-success-bold-i,
.txt-hover-background-success-bold-i:hover {
    color: var(--theme-background-success-bold) !important
}

.bg-background-success-bold-i,
.bg-hover-background-success-bold-i:hover {
    background-color: var(--theme-background-success-bold) !important
}

.txt-background-success-subtle,
.txt-hover-background-success-subtle:hover {
    color: var(--theme-background-success-subtle)
}

.bg-background-success-subtle,
.bg-hover-background-success-subtle:hover {
    background-color: var(--theme-background-success-subtle)
}

.txt-background-success-subtle-i,
.txt-hover-background-success-subtle-i:hover {
    color: var(--theme-background-success-subtle) !important
}

.bg-background-success-subtle-i,
.bg-hover-background-success-subtle-i:hover {
    background-color: var(--theme-background-success-subtle) !important
}

.txt-background-error-bolder,
.txt-hover-background-error-bolder:hover {
    color: var(--theme-background-error-bolder)
}

.bg-background-error-bolder,
.bg-hover-background-error-bolder:hover {
    background-color: var(--theme-background-error-bolder)
}

.txt-background-error-bolder-i,
.txt-hover-background-error-bolder-i:hover {
    color: var(--theme-background-error-bolder) !important
}

.bg-background-error-bolder-i,
.bg-hover-background-error-bolder-i:hover {
    background-color: var(--theme-background-error-bolder) !important
}

.txt-background-error-bold,
.txt-hover-background-error-bold:hover {
    color: var(--theme-background-error-bold)
}

.bg-background-error-bold,
.bg-hover-background-error-bold:hover {
    background-color: var(--theme-background-error-bold)
}

.txt-background-error-bold-i,
.txt-hover-background-error-bold-i:hover {
    color: var(--theme-background-error-bold) !important
}

.bg-background-error-bold-i,
.bg-hover-background-error-bold-i:hover {
    background-color: var(--theme-background-error-bold) !important
}

.txt-background-error-subtle,
.txt-hover-background-error-subtle:hover {
    color: var(--theme-background-error-subtle)
}

.bg-background-error-subtle,
.bg-hover-background-error-subtle:hover {
    background-color: var(--theme-background-error-subtle)
}

.txt-background-error-subtle-i,
.txt-hover-background-error-subtle-i:hover {
    color: var(--theme-background-error-subtle) !important
}

.bg-background-error-subtle-i,
.bg-hover-background-error-subtle-i:hover {
    background-color: var(--theme-background-error-subtle) !important
}

.txt-background-warning-bolder,
.txt-hover-background-warning-bolder:hover {
    color: var(--theme-background-warning-bolder)
}

.bg-background-warning-bolder,
.bg-hover-background-warning-bolder:hover {
    background-color: var(--theme-background-warning-bolder)
}

.txt-background-warning-bolder-i,
.txt-hover-background-warning-bolder-i:hover {
    color: var(--theme-background-warning-bolder) !important
}

.bg-background-warning-bolder-i,
.bg-hover-background-warning-bolder-i:hover {
    background-color: var(--theme-background-warning-bolder) !important
}

.txt-background-warning-bold,
.txt-hover-background-warning-bold:hover {
    color: var(--theme-background-warning-bold)
}

.bg-background-warning-bold,
.bg-hover-background-warning-bold:hover {
    background-color: var(--theme-background-warning-bold)
}

.txt-background-warning-bold-i,
.txt-hover-background-warning-bold-i:hover {
    color: var(--theme-background-warning-bold) !important
}

.bg-background-warning-bold-i,
.bg-hover-background-warning-bold-i:hover {
    background-color: var(--theme-background-warning-bold) !important
}

.txt-background-warning-subtle,
.txt-hover-background-warning-subtle:hover {
    color: var(--theme-background-warning-subtle)
}

.bg-background-warning-subtle,
.bg-hover-background-warning-subtle:hover {
    background-color: var(--theme-background-warning-subtle)
}

.txt-background-warning-subtle-i,
.txt-hover-background-warning-subtle-i:hover {
    color: var(--theme-background-warning-subtle) !important
}

.bg-background-warning-subtle-i,
.bg-hover-background-warning-subtle-i:hover {
    background-color: var(--theme-background-warning-subtle) !important
}

.txt-background-expressive-aqua-bolder,
.txt-hover-background-expressive-aqua-bolder:hover {
    color: var(--theme-background-expressive-aqua-bolder)
}

.bg-background-expressive-aqua-bolder,
.bg-hover-background-expressive-aqua-bolder:hover {
    background-color: var(--theme-background-expressive-aqua-bolder)
}

.txt-background-expressive-aqua-bolder-i,
.txt-hover-background-expressive-aqua-bolder-i:hover {
    color: var(--theme-background-expressive-aqua-bolder) !important
}

.bg-background-expressive-aqua-bolder-i,
.bg-hover-background-expressive-aqua-bolder-i:hover {
    background-color: var(--theme-background-expressive-aqua-bolder) !important
}

.txt-background-expressive-aqua-bold,
.txt-hover-background-expressive-aqua-bold:hover {
    color: var(--theme-background-expressive-aqua-bold)
}

.bg-background-expressive-aqua-bold,
.bg-hover-background-expressive-aqua-bold:hover {
    background-color: var(--theme-background-expressive-aqua-bold)
}

.txt-background-expressive-aqua-bold-i,
.txt-hover-background-expressive-aqua-bold-i:hover {
    color: var(--theme-background-expressive-aqua-bold) !important
}

.bg-background-expressive-aqua-bold-i,
.bg-hover-background-expressive-aqua-bold-i:hover {
    background-color: var(--theme-background-expressive-aqua-bold) !important
}

.txt-background-expressive-aqua-subtle,
.txt-hover-background-expressive-aqua-subtle:hover {
    color: var(--theme-background-expressive-aqua-subtle)
}

.bg-background-expressive-aqua-subtle,
.bg-hover-background-expressive-aqua-subtle:hover {
    background-color: var(--theme-background-expressive-aqua-subtle)
}

.txt-background-expressive-aqua-subtle-i,
.txt-hover-background-expressive-aqua-subtle-i:hover {
    color: var(--theme-background-expressive-aqua-subtle) !important
}

.bg-background-expressive-aqua-subtle-i,
.bg-hover-background-expressive-aqua-subtle-i:hover {
    background-color: var(--theme-background-expressive-aqua-subtle) !important
}

.txt-background-expressive-blue-bolder,
.txt-hover-background-expressive-blue-bolder:hover {
    color: var(--theme-background-expressive-blue-bolder)
}

.bg-background-expressive-blue-bolder,
.bg-hover-background-expressive-blue-bolder:hover {
    background-color: var(--theme-background-expressive-blue-bolder)
}

.txt-background-expressive-blue-bolder-i,
.txt-hover-background-expressive-blue-bolder-i:hover {
    color: var(--theme-background-expressive-blue-bolder) !important
}

.bg-background-expressive-blue-bolder-i,
.bg-hover-background-expressive-blue-bolder-i:hover {
    background-color: var(--theme-background-expressive-blue-bolder) !important
}

.txt-background-expressive-blue-bold,
.txt-hover-background-expressive-blue-bold:hover {
    color: var(--theme-background-expressive-blue-bold)
}

.bg-background-expressive-blue-bold,
.bg-hover-background-expressive-blue-bold:hover {
    background-color: var(--theme-background-expressive-blue-bold)
}

.txt-background-expressive-blue-bold-i,
.txt-hover-background-expressive-blue-bold-i:hover {
    color: var(--theme-background-expressive-blue-bold) !important
}

.bg-background-expressive-blue-bold-i,
.bg-hover-background-expressive-blue-bold-i:hover {
    background-color: var(--theme-background-expressive-blue-bold) !important
}

.txt-background-expressive-blue-subtle,
.txt-hover-background-expressive-blue-subtle:hover {
    color: var(--theme-background-expressive-blue-subtle)
}

.bg-background-expressive-blue-subtle,
.bg-hover-background-expressive-blue-subtle:hover {
    background-color: var(--theme-background-expressive-blue-subtle)
}

.txt-background-expressive-blue-subtle-i,
.txt-hover-background-expressive-blue-subtle-i:hover {
    color: var(--theme-background-expressive-blue-subtle) !important
}

.bg-background-expressive-blue-subtle-i,
.bg-hover-background-expressive-blue-subtle-i:hover {
    background-color: var(--theme-background-expressive-blue-subtle) !important
}

.txt-background-expressive-violet-bolder,
.txt-hover-background-expressive-violet-bolder:hover {
    color: var(--theme-background-expressive-violet-bolder)
}

.bg-background-expressive-violet-bolder,
.bg-hover-background-expressive-violet-bolder:hover {
    background-color: var(--theme-background-expressive-violet-bolder)
}

.txt-background-expressive-violet-bolder-i,
.txt-hover-background-expressive-violet-bolder-i:hover {
    color: var(--theme-background-expressive-violet-bolder) !important
}

.bg-background-expressive-violet-bolder-i,
.bg-hover-background-expressive-violet-bolder-i:hover {
    background-color: var(--theme-background-expressive-violet-bolder) !important
}

.txt-background-expressive-violet-bold,
.txt-hover-background-expressive-violet-bold:hover {
    color: var(--theme-background-expressive-violet-bold)
}

.bg-background-expressive-violet-bold,
.bg-hover-background-expressive-violet-bold:hover {
    background-color: var(--theme-background-expressive-violet-bold)
}

.txt-background-expressive-violet-bold-i,
.txt-hover-background-expressive-violet-bold-i:hover {
    color: var(--theme-background-expressive-violet-bold) !important
}

.bg-background-expressive-violet-bold-i,
.bg-hover-background-expressive-violet-bold-i:hover {
    background-color: var(--theme-background-expressive-violet-bold) !important
}

.txt-background-expressive-violet-subtle,
.txt-hover-background-expressive-violet-subtle:hover {
    color: var(--theme-background-expressive-violet-subtle)
}

.bg-background-expressive-violet-subtle,
.bg-hover-background-expressive-violet-subtle:hover {
    background-color: var(--theme-background-expressive-violet-subtle)
}

.txt-background-expressive-violet-subtle-i,
.txt-hover-background-expressive-violet-subtle-i:hover {
    color: var(--theme-background-expressive-violet-subtle) !important
}

.bg-background-expressive-violet-subtle-i,
.bg-hover-background-expressive-violet-subtle-i:hover {
    background-color: var(--theme-background-expressive-violet-subtle) !important
}

.txt-background-expressive-lilac-bolder,
.txt-hover-background-expressive-lilac-bolder:hover {
    color: var(--theme-background-expressive-lilac-bolder)
}

.bg-background-expressive-lilac-bolder,
.bg-hover-background-expressive-lilac-bolder:hover {
    background-color: var(--theme-background-expressive-lilac-bolder)
}

.txt-background-expressive-lilac-bolder-i,
.txt-hover-background-expressive-lilac-bolder-i:hover {
    color: var(--theme-background-expressive-lilac-bolder) !important
}

.bg-background-expressive-lilac-bolder-i,
.bg-hover-background-expressive-lilac-bolder-i:hover {
    background-color: var(--theme-background-expressive-lilac-bolder) !important
}

.txt-background-expressive-lilac-bold,
.txt-hover-background-expressive-lilac-bold:hover {
    color: var(--theme-background-expressive-lilac-bold)
}

.bg-background-expressive-lilac-bold,
.bg-hover-background-expressive-lilac-bold:hover {
    background-color: var(--theme-background-expressive-lilac-bold)
}

.txt-background-expressive-lilac-bold-i,
.txt-hover-background-expressive-lilac-bold-i:hover {
    color: var(--theme-background-expressive-lilac-bold) !important
}

.bg-background-expressive-lilac-bold-i,
.bg-hover-background-expressive-lilac-bold-i:hover {
    background-color: var(--theme-background-expressive-lilac-bold) !important
}

.txt-background-expressive-lilac-subtle,
.txt-hover-background-expressive-lilac-subtle:hover {
    color: var(--theme-background-expressive-lilac-subtle)
}

.bg-background-expressive-lilac-subtle,
.bg-hover-background-expressive-lilac-subtle:hover {
    background-color: var(--theme-background-expressive-lilac-subtle)
}

.txt-background-expressive-lilac-subtle-i,
.txt-hover-background-expressive-lilac-subtle-i:hover {
    color: var(--theme-background-expressive-lilac-subtle) !important
}

.bg-background-expressive-lilac-subtle-i,
.bg-hover-background-expressive-lilac-subtle-i:hover {
    background-color: var(--theme-background-expressive-lilac-subtle) !important
}

.txt-background-expressive-pink-bolder,
.txt-hover-background-expressive-pink-bolder:hover {
    color: var(--theme-background-expressive-pink-bolder)
}

.bg-background-expressive-pink-bolder,
.bg-hover-background-expressive-pink-bolder:hover {
    background-color: var(--theme-background-expressive-pink-bolder)
}

.txt-background-expressive-pink-bolder-i,
.txt-hover-background-expressive-pink-bolder-i:hover {
    color: var(--theme-background-expressive-pink-bolder) !important
}

.bg-background-expressive-pink-bolder-i,
.bg-hover-background-expressive-pink-bolder-i:hover {
    background-color: var(--theme-background-expressive-pink-bolder) !important
}

.txt-background-expressive-pink-bold,
.txt-hover-background-expressive-pink-bold:hover {
    color: var(--theme-background-expressive-pink-bold)
}

.bg-background-expressive-pink-bold,
.bg-hover-background-expressive-pink-bold:hover {
    background-color: var(--theme-background-expressive-pink-bold)
}

.txt-background-expressive-pink-bold-i,
.txt-hover-background-expressive-pink-bold-i:hover {
    color: var(--theme-background-expressive-pink-bold) !important
}

.bg-background-expressive-pink-bold-i,
.bg-hover-background-expressive-pink-bold-i:hover {
    background-color: var(--theme-background-expressive-pink-bold) !important
}

.txt-background-expressive-pink-subtle,
.txt-hover-background-expressive-pink-subtle:hover {
    color: var(--theme-background-expressive-pink-subtle)
}

.bg-background-expressive-pink-subtle,
.bg-hover-background-expressive-pink-subtle:hover {
    background-color: var(--theme-background-expressive-pink-subtle)
}

.txt-background-expressive-pink-subtle-i,
.txt-hover-background-expressive-pink-subtle-i:hover {
    color: var(--theme-background-expressive-pink-subtle) !important
}

.bg-background-expressive-pink-subtle-i,
.bg-hover-background-expressive-pink-subtle-i:hover {
    background-color: var(--theme-background-expressive-pink-subtle) !important
}

.txt-background-expressive-coral-bolder,
.txt-hover-background-expressive-coral-bolder:hover {
    color: var(--theme-background-expressive-coral-bolder)
}

.bg-background-expressive-coral-bolder,
.bg-hover-background-expressive-coral-bolder:hover {
    background-color: var(--theme-background-expressive-coral-bolder)
}

.txt-background-expressive-coral-bolder-i,
.txt-hover-background-expressive-coral-bolder-i:hover {
    color: var(--theme-background-expressive-coral-bolder) !important
}

.bg-background-expressive-coral-bolder-i,
.bg-hover-background-expressive-coral-bolder-i:hover {
    background-color: var(--theme-background-expressive-coral-bolder) !important
}

.txt-background-expressive-coral-bold,
.txt-hover-background-expressive-coral-bold:hover {
    color: var(--theme-background-expressive-coral-bold)
}

.bg-background-expressive-coral-bold,
.bg-hover-background-expressive-coral-bold:hover {
    background-color: var(--theme-background-expressive-coral-bold)
}

.txt-background-expressive-coral-bold-i,
.txt-hover-background-expressive-coral-bold-i:hover {
    color: var(--theme-background-expressive-coral-bold) !important
}

.bg-background-expressive-coral-bold-i,
.bg-hover-background-expressive-coral-bold-i:hover {
    background-color: var(--theme-background-expressive-coral-bold) !important
}

.txt-background-expressive-coral-subtle,
.txt-hover-background-expressive-coral-subtle:hover {
    color: var(--theme-background-expressive-coral-subtle)
}

.bg-background-expressive-coral-subtle,
.bg-hover-background-expressive-coral-subtle:hover {
    background-color: var(--theme-background-expressive-coral-subtle)
}

.txt-background-expressive-coral-subtle-i,
.txt-hover-background-expressive-coral-subtle-i:hover {
    color: var(--theme-background-expressive-coral-subtle) !important
}

.bg-background-expressive-coral-subtle-i,
.bg-hover-background-expressive-coral-subtle-i:hover {
    background-color: var(--theme-background-expressive-coral-subtle) !important
}

.txt-background-expressive-gold-bolder,
.txt-hover-background-expressive-gold-bolder:hover {
    color: var(--theme-background-expressive-gold-bolder)
}

.bg-background-expressive-gold-bolder,
.bg-hover-background-expressive-gold-bolder:hover {
    background-color: var(--theme-background-expressive-gold-bolder)
}

.txt-background-expressive-gold-bolder-i,
.txt-hover-background-expressive-gold-bolder-i:hover {
    color: var(--theme-background-expressive-gold-bolder) !important
}

.bg-background-expressive-gold-bolder-i,
.bg-hover-background-expressive-gold-bolder-i:hover {
    background-color: var(--theme-background-expressive-gold-bolder) !important
}

.txt-background-expressive-gold-bold,
.txt-hover-background-expressive-gold-bold:hover {
    color: var(--theme-background-expressive-gold-bold)
}

.bg-background-expressive-gold-bold,
.bg-hover-background-expressive-gold-bold:hover {
    background-color: var(--theme-background-expressive-gold-bold)
}

.txt-background-expressive-gold-bold-i,
.txt-hover-background-expressive-gold-bold-i:hover {
    color: var(--theme-background-expressive-gold-bold) !important
}

.bg-background-expressive-gold-bold-i,
.bg-hover-background-expressive-gold-bold-i:hover {
    background-color: var(--theme-background-expressive-gold-bold) !important
}

.txt-background-expressive-gold-subtle,
.txt-hover-background-expressive-gold-subtle:hover {
    color: var(--theme-background-expressive-gold-subtle)
}

.bg-background-expressive-gold-subtle,
.bg-hover-background-expressive-gold-subtle:hover {
    background-color: var(--theme-background-expressive-gold-subtle)
}

.txt-background-expressive-gold-subtle-i,
.txt-hover-background-expressive-gold-subtle-i:hover {
    color: var(--theme-background-expressive-gold-subtle) !important
}

.bg-background-expressive-gold-subtle-i,
.bg-hover-background-expressive-gold-subtle-i:hover {
    background-color: var(--theme-background-expressive-gold-subtle) !important
}

.txt-background-expressive-avocado-bolder,
.txt-hover-background-expressive-avocado-bolder:hover {
    color: var(--theme-background-expressive-avocado-bolder)
}

.bg-background-expressive-avocado-bolder,
.bg-hover-background-expressive-avocado-bolder:hover {
    background-color: var(--theme-background-expressive-avocado-bolder)
}

.txt-background-expressive-avocado-bolder-i,
.txt-hover-background-expressive-avocado-bolder-i:hover {
    color: var(--theme-background-expressive-avocado-bolder) !important
}

.bg-background-expressive-avocado-bolder-i,
.bg-hover-background-expressive-avocado-bolder-i:hover {
    background-color: var(--theme-background-expressive-avocado-bolder) !important
}

.txt-background-expressive-avocado-bold,
.txt-hover-background-expressive-avocado-bold:hover {
    color: var(--theme-background-expressive-avocado-bold)
}

.bg-background-expressive-avocado-bold,
.bg-hover-background-expressive-avocado-bold:hover {
    background-color: var(--theme-background-expressive-avocado-bold)
}

.txt-background-expressive-avocado-bold-i,
.txt-hover-background-expressive-avocado-bold-i:hover {
    color: var(--theme-background-expressive-avocado-bold) !important
}

.bg-background-expressive-avocado-bold-i,
.bg-hover-background-expressive-avocado-bold-i:hover {
    background-color: var(--theme-background-expressive-avocado-bold) !important
}

.txt-background-expressive-avocado-subtle,
.txt-hover-background-expressive-avocado-subtle:hover {
    color: var(--theme-background-expressive-avocado-subtle)
}

.bg-background-expressive-avocado-subtle,
.bg-hover-background-expressive-avocado-subtle:hover {
    background-color: var(--theme-background-expressive-avocado-subtle)
}

.txt-background-expressive-avocado-subtle-i,
.txt-hover-background-expressive-avocado-subtle-i:hover {
    color: var(--theme-background-expressive-avocado-subtle) !important
}

.bg-background-expressive-avocado-subtle-i,
.bg-hover-background-expressive-avocado-subtle-i:hover {
    background-color: var(--theme-background-expressive-avocado-subtle) !important
}

.txt-background-expressive-yellow-default,
.txt-hover-background-expressive-yellow-default:hover {
    color: var(--theme-background-expressive-yellow-default)
}

.bg-background-expressive-yellow-default,
.bg-hover-background-expressive-yellow-default:hover {
    background-color: var(--theme-background-expressive-yellow-default)
}

.txt-background-expressive-yellow-default-i,
.txt-hover-background-expressive-yellow-default-i:hover {
    color: var(--theme-background-expressive-yellow-default) !important
}

.bg-background-expressive-yellow-default-i,
.bg-hover-background-expressive-yellow-default-i:hover {
    background-color: var(--theme-background-expressive-yellow-default) !important
}

.txt-border-input-bolder,
.txt-hover-border-input-bolder:hover {
    color: var(--theme-border-input-bolder)
}

.bg-border-input-bolder,
.bg-hover-border-input-bolder:hover {
    background-color: var(--theme-border-input-bolder)
}

.txt-border-input-bolder-i,
.txt-hover-border-input-bolder-i:hover {
    color: var(--theme-border-input-bolder) !important
}

.bg-border-input-bolder-i,
.bg-hover-border-input-bolder-i:hover {
    background-color: var(--theme-border-input-bolder) !important
}

.txt-border-input-bold,
.txt-hover-border-input-bold:hover {
    color: var(--theme-border-input-bold)
}

.bg-border-input-bold,
.bg-hover-border-input-bold:hover {
    background-color: var(--theme-border-input-bold)
}

.txt-border-input-bold-i,
.txt-hover-border-input-bold-i:hover {
    color: var(--theme-border-input-bold) !important
}

.bg-border-input-bold-i,
.bg-hover-border-input-bold-i:hover {
    background-color: var(--theme-border-input-bold) !important
}

.txt-border-input-subtle,
.txt-hover-border-input-subtle:hover {
    color: var(--theme-border-input-subtle)
}

.bg-border-input-subtle,
.bg-hover-border-input-subtle:hover {
    background-color: var(--theme-border-input-subtle)
}

.txt-border-input-subtle-i,
.txt-hover-border-input-subtle-i:hover {
    color: var(--theme-border-input-subtle) !important
}

.bg-border-input-subtle-i,
.bg-hover-border-input-subtle-i:hover {
    background-color: var(--theme-border-input-subtle) !important
}

.txt-border-input-disabled,
.txt-hover-border-input-disabled:hover {
    color: var(--theme-border-input-disabled)
}

.bg-border-input-disabled,
.bg-hover-border-input-disabled:hover {
    background-color: var(--theme-border-input-disabled)
}

.txt-border-input-disabled-i,
.txt-hover-border-input-disabled-i:hover {
    color: var(--theme-border-input-disabled) !important
}

.bg-border-input-disabled-i,
.bg-hover-border-input-disabled-i:hover {
    background-color: var(--theme-border-input-disabled) !important
}

.txt-border-inverse,
.txt-hover-border-inverse:hover {
    color: var(--theme-border-inverse)
}

.bg-border-inverse,
.bg-hover-border-inverse:hover {
    background-color: var(--theme-border-inverse)
}

.txt-border-inverse-i,
.txt-hover-border-inverse-i:hover {
    color: var(--theme-border-inverse) !important
}

.bg-border-inverse-i,
.bg-hover-border-inverse-i:hover {
    background-color: var(--theme-border-inverse) !important
}

.txt-border-neutral-bolder,
.txt-hover-border-neutral-bolder:hover {
    color: var(--theme-border-neutral-bolder)
}

.bg-border-neutral-bolder,
.bg-hover-border-neutral-bolder:hover {
    background-color: var(--theme-border-neutral-bolder)
}

.txt-border-neutral-bolder-i,
.txt-hover-border-neutral-bolder-i:hover {
    color: var(--theme-border-neutral-bolder) !important
}

.bg-border-neutral-bolder-i,
.bg-hover-border-neutral-bolder-i:hover {
    background-color: var(--theme-border-neutral-bolder) !important
}

.txt-border-neutral-bold,
.txt-hover-border-neutral-bold:hover {
    color: var(--theme-border-neutral-bold)
}

.bg-border-neutral-bold,
.bg-hover-border-neutral-bold:hover {
    background-color: var(--theme-border-neutral-bold)
}

.txt-border-neutral-bold-i,
.txt-hover-border-neutral-bold-i:hover {
    color: var(--theme-border-neutral-bold) !important
}

.bg-border-neutral-bold-i,
.bg-hover-border-neutral-bold-i:hover {
    background-color: var(--theme-border-neutral-bold) !important
}

.txt-border-neutral-subtle,
.txt-hover-border-neutral-subtle:hover {
    color: var(--theme-border-neutral-subtle)
}

.bg-border-neutral-subtle,
.bg-hover-border-neutral-subtle:hover {
    background-color: var(--theme-border-neutral-subtle)
}

.txt-border-neutral-subtle-i,
.txt-hover-border-neutral-subtle-i:hover {
    color: var(--theme-border-neutral-subtle) !important
}

.bg-border-neutral-subtle-i,
.bg-hover-border-neutral-subtle-i:hover {
    background-color: var(--theme-border-neutral-subtle) !important
}

.txt-border-selected,
.txt-hover-border-selected:hover {
    color: var(--theme-border-selected)
}

.bg-border-selected,
.bg-hover-border-selected:hover {
    background-color: var(--theme-border-selected)
}

.txt-border-selected-i,
.txt-hover-border-selected-i:hover {
    color: var(--theme-border-selected) !important
}

.bg-border-selected-i,
.bg-hover-border-selected-i:hover {
    background-color: var(--theme-border-selected) !important
}

.txt-border-brand,
.txt-hover-border-brand:hover {
    color: var(--theme-border-brand)
}

.bg-border-brand,
.bg-hover-border-brand:hover {
    background-color: var(--theme-border-brand)
}

.txt-border-brand-i,
.txt-hover-border-brand-i:hover {
    color: var(--theme-border-brand) !important
}

.bg-border-brand-i,
.bg-hover-border-brand-i:hover {
    background-color: var(--theme-border-brand) !important
}

.txt-border-buy,
.txt-hover-border-buy:hover {
    color: var(--theme-border-buy)
}

.bg-border-buy,
.bg-hover-border-buy:hover {
    background-color: var(--theme-border-buy)
}

.txt-border-buy-i,
.txt-hover-border-buy-i:hover {
    color: var(--theme-border-buy) !important
}

.bg-border-buy-i,
.bg-hover-border-buy-i:hover {
    background-color: var(--theme-border-buy) !important
}

.txt-border-sell,
.txt-hover-border-sell:hover {
    color: var(--theme-border-sell)
}

.bg-border-sell,
.bg-hover-border-sell:hover {
    background-color: var(--theme-border-sell)
}

.txt-border-sell-i,
.txt-hover-border-sell-i:hover {
    color: var(--theme-border-sell) !important
}

.bg-border-sell-i,
.bg-hover-border-sell-i:hover {
    background-color: var(--theme-border-sell) !important
}

.txt-border-success,
.txt-hover-border-success:hover {
    color: var(--theme-border-success)
}

.bg-border-success,
.bg-hover-border-success:hover {
    background-color: var(--theme-border-success)
}

.txt-border-success-i,
.txt-hover-border-success-i:hover {
    color: var(--theme-border-success) !important
}

.bg-border-success-i,
.bg-hover-border-success-i:hover {
    background-color: var(--theme-border-success) !important
}

.txt-border-error,
.txt-hover-border-error:hover {
    color: var(--theme-border-error)
}

.bg-border-error,
.bg-hover-border-error:hover {
    background-color: var(--theme-border-error)
}

.txt-border-error-i,
.txt-hover-border-error-i:hover {
    color: var(--theme-border-error) !important
}

.bg-border-error-i,
.bg-hover-border-error-i:hover {
    background-color: var(--theme-border-error) !important
}

.txt-border-warning,
.txt-hover-border-warning:hover {
    color: var(--theme-border-warning)
}

.bg-border-warning,
.bg-hover-border-warning:hover {
    background-color: var(--theme-border-warning)
}

.txt-border-warning-i,
.txt-hover-border-warning-i:hover {
    color: var(--theme-border-warning) !important
}

.bg-border-warning-i,
.bg-hover-border-warning-i:hover {
    background-color: var(--theme-border-warning) !important
}

.txt-border-expressive-aqua,
.txt-hover-border-expressive-aqua:hover {
    color: var(--theme-border-expressive-aqua)
}

.bg-border-expressive-aqua,
.bg-hover-border-expressive-aqua:hover {
    background-color: var(--theme-border-expressive-aqua)
}

.txt-border-expressive-aqua-i,
.txt-hover-border-expressive-aqua-i:hover {
    color: var(--theme-border-expressive-aqua) !important
}

.bg-border-expressive-aqua-i,
.bg-hover-border-expressive-aqua-i:hover {
    background-color: var(--theme-border-expressive-aqua) !important
}

.txt-border-expressive-blue,
.txt-hover-border-expressive-blue:hover {
    color: var(--theme-border-expressive-blue)
}

.bg-border-expressive-blue,
.bg-hover-border-expressive-blue:hover {
    background-color: var(--theme-border-expressive-blue)
}

.txt-border-expressive-blue-i,
.txt-hover-border-expressive-blue-i:hover {
    color: var(--theme-border-expressive-blue) !important
}

.bg-border-expressive-blue-i,
.bg-hover-border-expressive-blue-i:hover {
    background-color: var(--theme-border-expressive-blue) !important
}

.txt-border-expressive-violet,
.txt-hover-border-expressive-violet:hover {
    color: var(--theme-border-expressive-violet)
}

.bg-border-expressive-violet,
.bg-hover-border-expressive-violet:hover {
    background-color: var(--theme-border-expressive-violet)
}

.txt-border-expressive-violet-i,
.txt-hover-border-expressive-violet-i:hover {
    color: var(--theme-border-expressive-violet) !important
}

.bg-border-expressive-violet-i,
.bg-hover-border-expressive-violet-i:hover {
    background-color: var(--theme-border-expressive-violet) !important
}

.txt-border-expressive-lilac,
.txt-hover-border-expressive-lilac:hover {
    color: var(--theme-border-expressive-lilac)
}

.bg-border-expressive-lilac,
.bg-hover-border-expressive-lilac:hover {
    background-color: var(--theme-border-expressive-lilac)
}

.txt-border-expressive-lilac-i,
.txt-hover-border-expressive-lilac-i:hover {
    color: var(--theme-border-expressive-lilac) !important
}

.bg-border-expressive-lilac-i,
.bg-hover-border-expressive-lilac-i:hover {
    background-color: var(--theme-border-expressive-lilac) !important
}

.txt-border-expressive-pink,
.txt-hover-border-expressive-pink:hover {
    color: var(--theme-border-expressive-pink)
}

.bg-border-expressive-pink,
.bg-hover-border-expressive-pink:hover {
    background-color: var(--theme-border-expressive-pink)
}

.txt-border-expressive-pink-i,
.txt-hover-border-expressive-pink-i:hover {
    color: var(--theme-border-expressive-pink) !important
}

.bg-border-expressive-pink-i,
.bg-hover-border-expressive-pink-i:hover {
    background-color: var(--theme-border-expressive-pink) !important
}

.txt-border-expressive-coral,
.txt-hover-border-expressive-coral:hover {
    color: var(--theme-border-expressive-coral)
}

.bg-border-expressive-coral,
.bg-hover-border-expressive-coral:hover {
    background-color: var(--theme-border-expressive-coral)
}

.txt-border-expressive-coral-i,
.txt-hover-border-expressive-coral-i:hover {
    color: var(--theme-border-expressive-coral) !important
}

.bg-border-expressive-coral-i,
.bg-hover-border-expressive-coral-i:hover {
    background-color: var(--theme-border-expressive-coral) !important
}

.txt-border-expressive-gold,
.txt-hover-border-expressive-gold:hover {
    color: var(--theme-border-expressive-gold)
}

.bg-border-expressive-gold,
.bg-hover-border-expressive-gold:hover {
    background-color: var(--theme-border-expressive-gold)
}

.txt-border-expressive-gold-i,
.txt-hover-border-expressive-gold-i:hover {
    color: var(--theme-border-expressive-gold) !important
}

.bg-border-expressive-gold-i,
.bg-hover-border-expressive-gold-i:hover {
    background-color: var(--theme-border-expressive-gold) !important
}

.txt-border-expressive-avocado,
.txt-hover-border-expressive-avocado:hover {
    color: var(--theme-border-expressive-avocado)
}

.bg-border-expressive-avocado,
.bg-hover-border-expressive-avocado:hover {
    background-color: var(--theme-border-expressive-avocado)
}

.txt-border-expressive-avocado-i,
.txt-hover-border-expressive-avocado-i:hover {
    color: var(--theme-border-expressive-avocado) !important
}

.bg-border-expressive-avocado-i,
.bg-hover-border-expressive-avocado-i:hover {
    background-color: var(--theme-border-expressive-avocado) !important
}

.txt-text-primary,
.txt-hover-text-primary:hover {
    color: var(--theme-text-primary)
}

.bg-text-primary,
.bg-hover-text-primary:hover {
    background-color: var(--theme-text-primary)
}

.txt-text-primary-i,
.txt-hover-text-primary-i:hover {
    color: var(--theme-text-primary) !important
}

.bg-text-primary-i,
.bg-hover-text-primary-i:hover {
    background-color: var(--theme-text-primary) !important
}

.txt-text-secondary,
.txt-hover-text-secondary:hover {
    color: var(--theme-text-secondary)
}

.bg-text-secondary,
.bg-hover-text-secondary:hover {
    background-color: var(--theme-text-secondary)
}

.txt-text-secondary-i,
.txt-hover-text-secondary-i:hover {
    color: var(--theme-text-secondary) !important
}

.bg-text-secondary-i,
.bg-hover-text-secondary-i:hover {
    background-color: var(--theme-text-secondary) !important
}

.txt-text-tertiary,
.txt-hover-text-tertiary:hover {
    color: var(--theme-text-tertiary)
}

.bg-text-tertiary,
.bg-hover-text-tertiary:hover {
    background-color: var(--theme-text-tertiary)
}

.txt-text-tertiary-i,
.txt-hover-text-tertiary-i:hover {
    color: var(--theme-text-tertiary) !important
}

.bg-text-tertiary-i,
.bg-hover-text-tertiary-i:hover {
    background-color: var(--theme-text-tertiary) !important
}

.txt-text-light,
.txt-hover-text-light:hover {
    color: var(--theme-text-light)
}

.bg-text-light,
.bg-hover-text-light:hover {
    background-color: var(--theme-text-light)
}

.txt-text-light-i,
.txt-hover-text-light-i:hover {
    color: var(--theme-text-light) !important
}

.bg-text-light-i,
.bg-hover-text-light-i:hover {
    background-color: var(--theme-text-light) !important
}

.txt-text-disabled,
.txt-hover-text-disabled:hover {
    color: var(--theme-text-disabled)
}

.bg-text-disabled,
.bg-hover-text-disabled:hover {
    background-color: var(--theme-text-disabled)
}

.txt-text-disabled-i,
.txt-hover-text-disabled-i:hover {
    color: var(--theme-text-disabled) !important
}

.bg-text-disabled-i,
.bg-hover-text-disabled-i:hover {
    background-color: var(--theme-text-disabled) !important
}

.txt-text-inverse,
.txt-hover-text-inverse:hover {
    color: var(--theme-text-inverse)
}

.bg-text-inverse,
.bg-hover-text-inverse:hover {
    background-color: var(--theme-text-inverse)
}

.txt-text-inverse-i,
.txt-hover-text-inverse-i:hover {
    color: var(--theme-text-inverse) !important
}

.bg-text-inverse-i,
.bg-hover-text-inverse-i:hover {
    background-color: var(--theme-text-inverse) !important
}

.txt-text-brand-teal,
.txt-hover-text-brand-teal:hover {
    color: var(--theme-text-brand-teal)
}

.bg-text-brand-teal,
.bg-hover-text-brand-teal:hover {
    background-color: var(--theme-text-brand-teal)
}

.txt-text-brand-teal-i,
.txt-hover-text-brand-teal-i:hover {
    color: var(--theme-text-brand-teal) !important
}

.bg-text-brand-teal-i,
.bg-hover-text-brand-teal-i:hover {
    background-color: var(--theme-text-brand-teal) !important
}

.txt-text-brand-lime,
.txt-hover-text-brand-lime:hover {
    color: var(--theme-text-brand-lime)
}

.bg-text-brand-lime,
.bg-hover-text-brand-lime:hover {
    background-color: var(--theme-text-brand-lime)
}

.txt-text-brand-lime-i,
.txt-hover-text-brand-lime-i:hover {
    color: var(--theme-text-brand-lime) !important
}

.bg-text-brand-lime-i,
.bg-hover-text-brand-lime-i:hover {
    background-color: var(--theme-text-brand-lime) !important
}

.txt-text-buy-bolder,
.txt-hover-text-buy-bolder:hover {
    color: var(--theme-text-buy-bolder)
}

.bg-text-buy-bolder,
.bg-hover-text-buy-bolder:hover {
    background-color: var(--theme-text-buy-bolder)
}

.txt-text-buy-bolder-i,
.txt-hover-text-buy-bolder-i:hover {
    color: var(--theme-text-buy-bolder) !important
}

.bg-text-buy-bolder-i,
.bg-hover-text-buy-bolder-i:hover {
    background-color: var(--theme-text-buy-bolder) !important
}

.txt-text-buy-bold,
.txt-hover-text-buy-bold:hover {
    color: var(--theme-text-buy-bold)
}

.bg-text-buy-bold,
.bg-hover-text-buy-bold:hover {
    background-color: var(--theme-text-buy-bold)
}

.txt-text-buy-bold-i,
.txt-hover-text-buy-bold-i:hover {
    color: var(--theme-text-buy-bold) !important
}

.bg-text-buy-bold-i,
.bg-hover-text-buy-bold-i:hover {
    background-color: var(--theme-text-buy-bold) !important
}

.txt-text-buy-inverse,
.txt-hover-text-buy-inverse:hover {
    color: var(--theme-text-buy-inverse)
}

.bg-text-buy-inverse,
.bg-hover-text-buy-inverse:hover {
    background-color: var(--theme-text-buy-inverse)
}

.txt-text-buy-inverse-i,
.txt-hover-text-buy-inverse-i:hover {
    color: var(--theme-text-buy-inverse) !important
}

.bg-text-buy-inverse-i,
.bg-hover-text-buy-inverse-i:hover {
    background-color: var(--theme-text-buy-inverse) !important
}

.txt-text-sell-bolder,
.txt-hover-text-sell-bolder:hover {
    color: var(--theme-text-sell-bolder)
}

.bg-text-sell-bolder,
.bg-hover-text-sell-bolder:hover {
    background-color: var(--theme-text-sell-bolder)
}

.txt-text-sell-bolder-i,
.txt-hover-text-sell-bolder-i:hover {
    color: var(--theme-text-sell-bolder) !important
}

.bg-text-sell-bolder-i,
.bg-hover-text-sell-bolder-i:hover {
    background-color: var(--theme-text-sell-bolder) !important
}

.txt-text-sell-bold,
.txt-hover-text-sell-bold:hover {
    color: var(--theme-text-sell-bold)
}

.bg-text-sell-bold,
.bg-hover-text-sell-bold:hover {
    background-color: var(--theme-text-sell-bold)
}

.txt-text-sell-bold-i,
.txt-hover-text-sell-bold-i:hover {
    color: var(--theme-text-sell-bold) !important
}

.bg-text-sell-bold-i,
.bg-hover-text-sell-bold-i:hover {
    background-color: var(--theme-text-sell-bold) !important
}

.txt-text-sell-inverse,
.txt-hover-text-sell-inverse:hover {
    color: var(--theme-text-sell-inverse)
}

.bg-text-sell-inverse,
.bg-hover-text-sell-inverse:hover {
    background-color: var(--theme-text-sell-inverse)
}

.txt-text-sell-inverse-i,
.txt-hover-text-sell-inverse-i:hover {
    color: var(--theme-text-sell-inverse) !important
}

.bg-text-sell-inverse-i,
.bg-hover-text-sell-inverse-i:hover {
    background-color: var(--theme-text-sell-inverse) !important
}

.txt-text-success-bolder,
.txt-hover-text-success-bolder:hover {
    color: var(--theme-text-success-bolder)
}

.bg-text-success-bolder,
.bg-hover-text-success-bolder:hover {
    background-color: var(--theme-text-success-bolder)
}

.txt-text-success-bolder-i,
.txt-hover-text-success-bolder-i:hover {
    color: var(--theme-text-success-bolder) !important
}

.bg-text-success-bolder-i,
.bg-hover-text-success-bolder-i:hover {
    background-color: var(--theme-text-success-bolder) !important
}

.txt-text-success-bold,
.txt-hover-text-success-bold:hover {
    color: var(--theme-text-success-bold)
}

.bg-text-success-bold,
.bg-hover-text-success-bold:hover {
    background-color: var(--theme-text-success-bold)
}

.txt-text-success-bold-i,
.txt-hover-text-success-bold-i:hover {
    color: var(--theme-text-success-bold) !important
}

.bg-text-success-bold-i,
.bg-hover-text-success-bold-i:hover {
    background-color: var(--theme-text-success-bold) !important
}

.txt-text-success-inverse,
.txt-hover-text-success-inverse:hover {
    color: var(--theme-text-success-inverse)
}

.bg-text-success-inverse,
.bg-hover-text-success-inverse:hover {
    background-color: var(--theme-text-success-inverse)
}

.txt-text-success-inverse-i,
.txt-hover-text-success-inverse-i:hover {
    color: var(--theme-text-success-inverse) !important
}

.bg-text-success-inverse-i,
.bg-hover-text-success-inverse-i:hover {
    background-color: var(--theme-text-success-inverse) !important
}

.txt-text-error-bolder,
.txt-hover-text-error-bolder:hover {
    color: var(--theme-text-error-bolder)
}

.bg-text-error-bolder,
.bg-hover-text-error-bolder:hover {
    background-color: var(--theme-text-error-bolder)
}

.txt-text-error-bolder-i,
.txt-hover-text-error-bolder-i:hover {
    color: var(--theme-text-error-bolder) !important
}

.bg-text-error-bolder-i,
.bg-hover-text-error-bolder-i:hover {
    background-color: var(--theme-text-error-bolder) !important
}

.txt-text-error-bold,
.txt-hover-text-error-bold:hover {
    color: var(--theme-text-error-bold)
}

.bg-text-error-bold,
.bg-hover-text-error-bold:hover {
    background-color: var(--theme-text-error-bold)
}

.txt-text-error-bold-i,
.txt-hover-text-error-bold-i:hover {
    color: var(--theme-text-error-bold) !important
}

.bg-text-error-bold-i,
.bg-hover-text-error-bold-i:hover {
    background-color: var(--theme-text-error-bold) !important
}

.txt-text-error-inverse,
.txt-hover-text-error-inverse:hover {
    color: var(--theme-text-error-inverse)
}

.bg-text-error-inverse,
.bg-hover-text-error-inverse:hover {
    background-color: var(--theme-text-error-inverse)
}

.txt-text-error-inverse-i,
.txt-hover-text-error-inverse-i:hover {
    color: var(--theme-text-error-inverse) !important
}

.bg-text-error-inverse-i,
.bg-hover-text-error-inverse-i:hover {
    background-color: var(--theme-text-error-inverse) !important
}

.txt-text-warning-bolder,
.txt-hover-text-warning-bolder:hover {
    color: var(--theme-text-warning-bolder)
}

.bg-text-warning-bolder,
.bg-hover-text-warning-bolder:hover {
    background-color: var(--theme-text-warning-bolder)
}

.txt-text-warning-bolder-i,
.txt-hover-text-warning-bolder-i:hover {
    color: var(--theme-text-warning-bolder) !important
}

.bg-text-warning-bolder-i,
.bg-hover-text-warning-bolder-i:hover {
    background-color: var(--theme-text-warning-bolder) !important
}

.txt-text-warning-bold,
.txt-hover-text-warning-bold:hover {
    color: var(--theme-text-warning-bold)
}

.bg-text-warning-bold,
.bg-hover-text-warning-bold:hover {
    background-color: var(--theme-text-warning-bold)
}

.txt-text-warning-bold-i,
.txt-hover-text-warning-bold-i:hover {
    color: var(--theme-text-warning-bold) !important
}

.bg-text-warning-bold-i,
.bg-hover-text-warning-bold-i:hover {
    background-color: var(--theme-text-warning-bold) !important
}

.txt-text-warning-inverse,
.txt-hover-text-warning-inverse:hover {
    color: var(--theme-text-warning-inverse)
}

.bg-text-warning-inverse,
.bg-hover-text-warning-inverse:hover {
    background-color: var(--theme-text-warning-inverse)
}

.txt-text-warning-inverse-i,
.txt-hover-text-warning-inverse-i:hover {
    color: var(--theme-text-warning-inverse) !important
}

.bg-text-warning-inverse-i,
.bg-hover-text-warning-inverse-i:hover {
    background-color: var(--theme-text-warning-inverse) !important
}

.txt-text-expressive-aqua-bolder,
.txt-hover-text-expressive-aqua-bolder:hover {
    color: var(--theme-text-expressive-aqua-bolder)
}

.bg-text-expressive-aqua-bolder,
.bg-hover-text-expressive-aqua-bolder:hover {
    background-color: var(--theme-text-expressive-aqua-bolder)
}

.txt-text-expressive-aqua-bolder-i,
.txt-hover-text-expressive-aqua-bolder-i:hover {
    color: var(--theme-text-expressive-aqua-bolder) !important
}

.bg-text-expressive-aqua-bolder-i,
.bg-hover-text-expressive-aqua-bolder-i:hover {
    background-color: var(--theme-text-expressive-aqua-bolder) !important
}

.txt-text-expressive-aqua-bold,
.txt-hover-text-expressive-aqua-bold:hover {
    color: var(--theme-text-expressive-aqua-bold)
}

.bg-text-expressive-aqua-bold,
.bg-hover-text-expressive-aqua-bold:hover {
    background-color: var(--theme-text-expressive-aqua-bold)
}

.txt-text-expressive-aqua-bold-i,
.txt-hover-text-expressive-aqua-bold-i:hover {
    color: var(--theme-text-expressive-aqua-bold) !important
}

.bg-text-expressive-aqua-bold-i,
.bg-hover-text-expressive-aqua-bold-i:hover {
    background-color: var(--theme-text-expressive-aqua-bold) !important
}

.txt-text-expressive-aqua-inverse,
.txt-hover-text-expressive-aqua-inverse:hover {
    color: var(--theme-text-expressive-aqua-inverse)
}

.bg-text-expressive-aqua-inverse,
.bg-hover-text-expressive-aqua-inverse:hover {
    background-color: var(--theme-text-expressive-aqua-inverse)
}

.txt-text-expressive-aqua-inverse-i,
.txt-hover-text-expressive-aqua-inverse-i:hover {
    color: var(--theme-text-expressive-aqua-inverse) !important
}

.bg-text-expressive-aqua-inverse-i,
.bg-hover-text-expressive-aqua-inverse-i:hover {
    background-color: var(--theme-text-expressive-aqua-inverse) !important
}

.txt-text-expressive-blue-bolder,
.txt-hover-text-expressive-blue-bolder:hover {
    color: var(--theme-text-expressive-blue-bolder)
}

.bg-text-expressive-blue-bolder,
.bg-hover-text-expressive-blue-bolder:hover {
    background-color: var(--theme-text-expressive-blue-bolder)
}

.txt-text-expressive-blue-bolder-i,
.txt-hover-text-expressive-blue-bolder-i:hover {
    color: var(--theme-text-expressive-blue-bolder) !important
}

.bg-text-expressive-blue-bolder-i,
.bg-hover-text-expressive-blue-bolder-i:hover {
    background-color: var(--theme-text-expressive-blue-bolder) !important
}

.txt-text-expressive-blue-bold,
.txt-hover-text-expressive-blue-bold:hover {
    color: var(--theme-text-expressive-blue-bold)
}

.bg-text-expressive-blue-bold,
.bg-hover-text-expressive-blue-bold:hover {
    background-color: var(--theme-text-expressive-blue-bold)
}

.txt-text-expressive-blue-bold-i,
.txt-hover-text-expressive-blue-bold-i:hover {
    color: var(--theme-text-expressive-blue-bold) !important
}

.bg-text-expressive-blue-bold-i,
.bg-hover-text-expressive-blue-bold-i:hover {
    background-color: var(--theme-text-expressive-blue-bold) !important
}

.txt-text-expressive-blue-inverse,
.txt-hover-text-expressive-blue-inverse:hover {
    color: var(--theme-text-expressive-blue-inverse)
}

.bg-text-expressive-blue-inverse,
.bg-hover-text-expressive-blue-inverse:hover {
    background-color: var(--theme-text-expressive-blue-inverse)
}

.txt-text-expressive-blue-inverse-i,
.txt-hover-text-expressive-blue-inverse-i:hover {
    color: var(--theme-text-expressive-blue-inverse) !important
}

.bg-text-expressive-blue-inverse-i,
.bg-hover-text-expressive-blue-inverse-i:hover {
    background-color: var(--theme-text-expressive-blue-inverse) !important
}

.txt-text-expressive-violet-bolder,
.txt-hover-text-expressive-violet-bolder:hover {
    color: var(--theme-text-expressive-violet-bolder)
}

.bg-text-expressive-violet-bolder,
.bg-hover-text-expressive-violet-bolder:hover {
    background-color: var(--theme-text-expressive-violet-bolder)
}

.txt-text-expressive-violet-bolder-i,
.txt-hover-text-expressive-violet-bolder-i:hover {
    color: var(--theme-text-expressive-violet-bolder) !important
}

.bg-text-expressive-violet-bolder-i,
.bg-hover-text-expressive-violet-bolder-i:hover {
    background-color: var(--theme-text-expressive-violet-bolder) !important
}

.txt-text-expressive-violet-bold,
.txt-hover-text-expressive-violet-bold:hover {
    color: var(--theme-text-expressive-violet-bold)
}

.bg-text-expressive-violet-bold,
.bg-hover-text-expressive-violet-bold:hover {
    background-color: var(--theme-text-expressive-violet-bold)
}

.txt-text-expressive-violet-bold-i,
.txt-hover-text-expressive-violet-bold-i:hover {
    color: var(--theme-text-expressive-violet-bold) !important
}

.bg-text-expressive-violet-bold-i,
.bg-hover-text-expressive-violet-bold-i:hover {
    background-color: var(--theme-text-expressive-violet-bold) !important
}

.txt-text-expressive-violet-inverse,
.txt-hover-text-expressive-violet-inverse:hover {
    color: var(--theme-text-expressive-violet-inverse)
}

.bg-text-expressive-violet-inverse,
.bg-hover-text-expressive-violet-inverse:hover {
    background-color: var(--theme-text-expressive-violet-inverse)
}

.txt-text-expressive-violet-inverse-i,
.txt-hover-text-expressive-violet-inverse-i:hover {
    color: var(--theme-text-expressive-violet-inverse) !important
}

.bg-text-expressive-violet-inverse-i,
.bg-hover-text-expressive-violet-inverse-i:hover {
    background-color: var(--theme-text-expressive-violet-inverse) !important
}

.txt-text-expressive-lilac-bolder,
.txt-hover-text-expressive-lilac-bolder:hover {
    color: var(--theme-text-expressive-lilac-bolder)
}

.bg-text-expressive-lilac-bolder,
.bg-hover-text-expressive-lilac-bolder:hover {
    background-color: var(--theme-text-expressive-lilac-bolder)
}

.txt-text-expressive-lilac-bolder-i,
.txt-hover-text-expressive-lilac-bolder-i:hover {
    color: var(--theme-text-expressive-lilac-bolder) !important
}

.bg-text-expressive-lilac-bolder-i,
.bg-hover-text-expressive-lilac-bolder-i:hover {
    background-color: var(--theme-text-expressive-lilac-bolder) !important
}

.txt-text-expressive-lilac-bold,
.txt-hover-text-expressive-lilac-bold:hover {
    color: var(--theme-text-expressive-lilac-bold)
}

.bg-text-expressive-lilac-bold,
.bg-hover-text-expressive-lilac-bold:hover {
    background-color: var(--theme-text-expressive-lilac-bold)
}

.txt-text-expressive-lilac-bold-i,
.txt-hover-text-expressive-lilac-bold-i:hover {
    color: var(--theme-text-expressive-lilac-bold) !important
}

.bg-text-expressive-lilac-bold-i,
.bg-hover-text-expressive-lilac-bold-i:hover {
    background-color: var(--theme-text-expressive-lilac-bold) !important
}

.txt-text-expressive-lilac-inverse,
.txt-hover-text-expressive-lilac-inverse:hover {
    color: var(--theme-text-expressive-lilac-inverse)
}

.bg-text-expressive-lilac-inverse,
.bg-hover-text-expressive-lilac-inverse:hover {
    background-color: var(--theme-text-expressive-lilac-inverse)
}

.txt-text-expressive-lilac-inverse-i,
.txt-hover-text-expressive-lilac-inverse-i:hover {
    color: var(--theme-text-expressive-lilac-inverse) !important
}

.bg-text-expressive-lilac-inverse-i,
.bg-hover-text-expressive-lilac-inverse-i:hover {
    background-color: var(--theme-text-expressive-lilac-inverse) !important
}

.txt-text-expressive-pink-bolder,
.txt-hover-text-expressive-pink-bolder:hover {
    color: var(--theme-text-expressive-pink-bolder)
}

.bg-text-expressive-pink-bolder,
.bg-hover-text-expressive-pink-bolder:hover {
    background-color: var(--theme-text-expressive-pink-bolder)
}

.txt-text-expressive-pink-bolder-i,
.txt-hover-text-expressive-pink-bolder-i:hover {
    color: var(--theme-text-expressive-pink-bolder) !important
}

.bg-text-expressive-pink-bolder-i,
.bg-hover-text-expressive-pink-bolder-i:hover {
    background-color: var(--theme-text-expressive-pink-bolder) !important
}

.txt-text-expressive-pink-bold,
.txt-hover-text-expressive-pink-bold:hover {
    color: var(--theme-text-expressive-pink-bold)
}

.bg-text-expressive-pink-bold,
.bg-hover-text-expressive-pink-bold:hover {
    background-color: var(--theme-text-expressive-pink-bold)
}

.txt-text-expressive-pink-bold-i,
.txt-hover-text-expressive-pink-bold-i:hover {
    color: var(--theme-text-expressive-pink-bold) !important
}

.bg-text-expressive-pink-bold-i,
.bg-hover-text-expressive-pink-bold-i:hover {
    background-color: var(--theme-text-expressive-pink-bold) !important
}

.txt-text-expressive-pink-inverse,
.txt-hover-text-expressive-pink-inverse:hover {
    color: var(--theme-text-expressive-pink-inverse)
}

.bg-text-expressive-pink-inverse,
.bg-hover-text-expressive-pink-inverse:hover {
    background-color: var(--theme-text-expressive-pink-inverse)
}

.txt-text-expressive-pink-inverse-i,
.txt-hover-text-expressive-pink-inverse-i:hover {
    color: var(--theme-text-expressive-pink-inverse) !important
}

.bg-text-expressive-pink-inverse-i,
.bg-hover-text-expressive-pink-inverse-i:hover {
    background-color: var(--theme-text-expressive-pink-inverse) !important
}

.txt-text-expressive-coral-bolder,
.txt-hover-text-expressive-coral-bolder:hover {
    color: var(--theme-text-expressive-coral-bolder)
}

.bg-text-expressive-coral-bolder,
.bg-hover-text-expressive-coral-bolder:hover {
    background-color: var(--theme-text-expressive-coral-bolder)
}

.txt-text-expressive-coral-bolder-i,
.txt-hover-text-expressive-coral-bolder-i:hover {
    color: var(--theme-text-expressive-coral-bolder) !important
}

.bg-text-expressive-coral-bolder-i,
.bg-hover-text-expressive-coral-bolder-i:hover {
    background-color: var(--theme-text-expressive-coral-bolder) !important
}

.txt-text-expressive-coral-bold,
.txt-hover-text-expressive-coral-bold:hover {
    color: var(--theme-text-expressive-coral-bold)
}

.bg-text-expressive-coral-bold,
.bg-hover-text-expressive-coral-bold:hover {
    background-color: var(--theme-text-expressive-coral-bold)
}

.txt-text-expressive-coral-bold-i,
.txt-hover-text-expressive-coral-bold-i:hover {
    color: var(--theme-text-expressive-coral-bold) !important
}

.bg-text-expressive-coral-bold-i,
.bg-hover-text-expressive-coral-bold-i:hover {
    background-color: var(--theme-text-expressive-coral-bold) !important
}

.txt-text-expressive-coral-inverse,
.txt-hover-text-expressive-coral-inverse:hover {
    color: var(--theme-text-expressive-coral-inverse)
}

.bg-text-expressive-coral-inverse,
.bg-hover-text-expressive-coral-inverse:hover {
    background-color: var(--theme-text-expressive-coral-inverse)
}

.txt-text-expressive-coral-inverse-i,
.txt-hover-text-expressive-coral-inverse-i:hover {
    color: var(--theme-text-expressive-coral-inverse) !important
}

.bg-text-expressive-coral-inverse-i,
.bg-hover-text-expressive-coral-inverse-i:hover {
    background-color: var(--theme-text-expressive-coral-inverse) !important
}

.txt-text-expressive-gold-bolder,
.txt-hover-text-expressive-gold-bolder:hover {
    color: var(--theme-text-expressive-gold-bolder)
}

.bg-text-expressive-gold-bolder,
.bg-hover-text-expressive-gold-bolder:hover {
    background-color: var(--theme-text-expressive-gold-bolder)
}

.txt-text-expressive-gold-bolder-i,
.txt-hover-text-expressive-gold-bolder-i:hover {
    color: var(--theme-text-expressive-gold-bolder) !important
}

.bg-text-expressive-gold-bolder-i,
.bg-hover-text-expressive-gold-bolder-i:hover {
    background-color: var(--theme-text-expressive-gold-bolder) !important
}

.txt-text-expressive-gold-bold,
.txt-hover-text-expressive-gold-bold:hover {
    color: var(--theme-text-expressive-gold-bold)
}

.bg-text-expressive-gold-bold,
.bg-hover-text-expressive-gold-bold:hover {
    background-color: var(--theme-text-expressive-gold-bold)
}

.txt-text-expressive-gold-bold-i,
.txt-hover-text-expressive-gold-bold-i:hover {
    color: var(--theme-text-expressive-gold-bold) !important
}

.bg-text-expressive-gold-bold-i,
.bg-hover-text-expressive-gold-bold-i:hover {
    background-color: var(--theme-text-expressive-gold-bold) !important
}

.txt-text-expressive-gold-inverse,
.txt-hover-text-expressive-gold-inverse:hover {
    color: var(--theme-text-expressive-gold-inverse)
}

.bg-text-expressive-gold-inverse,
.bg-hover-text-expressive-gold-inverse:hover {
    background-color: var(--theme-text-expressive-gold-inverse)
}

.txt-text-expressive-gold-inverse-i,
.txt-hover-text-expressive-gold-inverse-i:hover {
    color: var(--theme-text-expressive-gold-inverse) !important
}

.bg-text-expressive-gold-inverse-i,
.bg-hover-text-expressive-gold-inverse-i:hover {
    background-color: var(--theme-text-expressive-gold-inverse) !important
}

.txt-text-expressive-avocado-bolder,
.txt-hover-text-expressive-avocado-bolder:hover {
    color: var(--theme-text-expressive-avocado-bolder)
}

.bg-text-expressive-avocado-bolder,
.bg-hover-text-expressive-avocado-bolder:hover {
    background-color: var(--theme-text-expressive-avocado-bolder)
}

.txt-text-expressive-avocado-bolder-i,
.txt-hover-text-expressive-avocado-bolder-i:hover {
    color: var(--theme-text-expressive-avocado-bolder) !important
}

.bg-text-expressive-avocado-bolder-i,
.bg-hover-text-expressive-avocado-bolder-i:hover {
    background-color: var(--theme-text-expressive-avocado-bolder) !important
}

.txt-text-expressive-avocado-bold,
.txt-hover-text-expressive-avocado-bold:hover {
    color: var(--theme-text-expressive-avocado-bold)
}

.bg-text-expressive-avocado-bold,
.bg-hover-text-expressive-avocado-bold:hover {
    background-color: var(--theme-text-expressive-avocado-bold)
}

.txt-text-expressive-avocado-bold-i,
.txt-hover-text-expressive-avocado-bold-i:hover {
    color: var(--theme-text-expressive-avocado-bold) !important
}

.bg-text-expressive-avocado-bold-i,
.bg-hover-text-expressive-avocado-bold-i:hover {
    background-color: var(--theme-text-expressive-avocado-bold) !important
}

.txt-text-expressive-avocado-inverse,
.txt-hover-text-expressive-avocado-inverse:hover {
    color: var(--theme-text-expressive-avocado-inverse)
}

.bg-text-expressive-avocado-inverse,
.bg-hover-text-expressive-avocado-inverse:hover {
    background-color: var(--theme-text-expressive-avocado-inverse)
}

.txt-text-expressive-avocado-inverse-i,
.txt-hover-text-expressive-avocado-inverse-i:hover {
    color: var(--theme-text-expressive-avocado-inverse) !important
}

.bg-text-expressive-avocado-inverse-i,
.bg-hover-text-expressive-avocado-inverse-i:hover {
    background-color: var(--theme-text-expressive-avocado-inverse) !important
}

.txt-link-default,
.txt-hover-link-default:hover {
    color: var(--theme-link-default)
}

.bg-link-default,
.bg-hover-link-default:hover {
    background-color: var(--theme-link-default)
}

.txt-link-default-i,
.txt-hover-link-default-i:hover {
    color: var(--theme-link-default) !important
}

.bg-link-default-i,
.bg-hover-link-default-i:hover {
    background-color: var(--theme-link-default) !important
}

.txt-link-pressed,
.txt-hover-link-pressed:hover {
    color: var(--theme-link-pressed)
}

.bg-link-pressed,
.bg-hover-link-pressed:hover {
    background-color: var(--theme-link-pressed)
}

.txt-link-pressed-i,
.txt-hover-link-pressed-i:hover {
    color: var(--theme-link-pressed) !important
}

.bg-link-pressed-i,
.bg-hover-link-pressed-i:hover {
    background-color: var(--theme-link-pressed) !important
}

.txt-icon-primary,
.txt-hover-icon-primary:hover {
    color: var(--theme-icon-primary)
}

.bg-icon-primary,
.bg-hover-icon-primary:hover {
    background-color: var(--theme-icon-primary)
}

.txt-icon-primary-i,
.txt-hover-icon-primary-i:hover {
    color: var(--theme-icon-primary) !important
}

.bg-icon-primary-i,
.bg-hover-icon-primary-i:hover {
    background-color: var(--theme-icon-primary) !important
}

.txt-icon-secondary,
.txt-hover-icon-secondary:hover {
    color: var(--theme-icon-secondary)
}

.bg-icon-secondary,
.bg-hover-icon-secondary:hover {
    background-color: var(--theme-icon-secondary)
}

.txt-icon-secondary-i,
.txt-hover-icon-secondary-i:hover {
    color: var(--theme-icon-secondary) !important
}

.bg-icon-secondary-i,
.bg-hover-icon-secondary-i:hover {
    background-color: var(--theme-icon-secondary) !important
}

.txt-icon-tertiary,
.txt-hover-icon-tertiary:hover {
    color: var(--theme-icon-tertiary)
}

.bg-icon-tertiary,
.bg-hover-icon-tertiary:hover {
    background-color: var(--theme-icon-tertiary)
}

.txt-icon-tertiary-i,
.txt-hover-icon-tertiary-i:hover {
    color: var(--theme-icon-tertiary) !important
}

.bg-icon-tertiary-i,
.bg-hover-icon-tertiary-i:hover {
    background-color: var(--theme-icon-tertiary) !important
}

.txt-icon-disabled,
.txt-hover-icon-disabled:hover {
    color: var(--theme-icon-disabled)
}

.bg-icon-disabled,
.bg-hover-icon-disabled:hover {
    background-color: var(--theme-icon-disabled)
}

.txt-icon-disabled-i,
.txt-hover-icon-disabled-i:hover {
    color: var(--theme-icon-disabled) !important
}

.bg-icon-disabled-i,
.bg-hover-icon-disabled-i:hover {
    background-color: var(--theme-icon-disabled) !important
}

.txt-icon-inverse,
.txt-hover-icon-inverse:hover {
    color: var(--theme-icon-inverse)
}

.bg-icon-inverse,
.bg-hover-icon-inverse:hover {
    background-color: var(--theme-icon-inverse)
}

.txt-icon-inverse-i,
.txt-hover-icon-inverse-i:hover {
    color: var(--theme-icon-inverse) !important
}

.bg-icon-inverse-i,
.bg-hover-icon-inverse-i:hover {
    background-color: var(--theme-icon-inverse) !important
}

.txt-icon-brand,
.txt-hover-icon-brand:hover {
    color: var(--theme-icon-brand)
}

.bg-icon-brand,
.bg-hover-icon-brand:hover {
    background-color: var(--theme-icon-brand)
}

.txt-icon-brand-i,
.txt-hover-icon-brand-i:hover {
    color: var(--theme-icon-brand) !important
}

.bg-icon-brand-i,
.bg-hover-icon-brand-i:hover {
    background-color: var(--theme-icon-brand) !important
}

.txt-icon-buy-bolder,
.txt-hover-icon-buy-bolder:hover {
    color: var(--theme-icon-buy-bolder)
}

.bg-icon-buy-bolder,
.bg-hover-icon-buy-bolder:hover {
    background-color: var(--theme-icon-buy-bolder)
}

.txt-icon-buy-bolder-i,
.txt-hover-icon-buy-bolder-i:hover {
    color: var(--theme-icon-buy-bolder) !important
}

.bg-icon-buy-bolder-i,
.bg-hover-icon-buy-bolder-i:hover {
    background-color: var(--theme-icon-buy-bolder) !important
}

.txt-icon-buy-bold,
.txt-hover-icon-buy-bold:hover {
    color: var(--theme-icon-buy-bold)
}

.bg-icon-buy-bold,
.bg-hover-icon-buy-bold:hover {
    background-color: var(--theme-icon-buy-bold)
}

.txt-icon-buy-bold-i,
.txt-hover-icon-buy-bold-i:hover {
    color: var(--theme-icon-buy-bold) !important
}

.bg-icon-buy-bold-i,
.bg-hover-icon-buy-bold-i:hover {
    background-color: var(--theme-icon-buy-bold) !important
}

.txt-icon-buy-inverse,
.txt-hover-icon-buy-inverse:hover {
    color: var(--theme-icon-buy-inverse)
}

.bg-icon-buy-inverse,
.bg-hover-icon-buy-inverse:hover {
    background-color: var(--theme-icon-buy-inverse)
}

.txt-icon-buy-inverse-i,
.txt-hover-icon-buy-inverse-i:hover {
    color: var(--theme-icon-buy-inverse) !important
}

.bg-icon-buy-inverse-i,
.bg-hover-icon-buy-inverse-i:hover {
    background-color: var(--theme-icon-buy-inverse) !important
}

.txt-icon-sell-bolder,
.txt-hover-icon-sell-bolder:hover {
    color: var(--theme-icon-sell-bolder)
}

.bg-icon-sell-bolder,
.bg-hover-icon-sell-bolder:hover {
    background-color: var(--theme-icon-sell-bolder)
}

.txt-icon-sell-bolder-i,
.txt-hover-icon-sell-bolder-i:hover {
    color: var(--theme-icon-sell-bolder) !important
}

.bg-icon-sell-bolder-i,
.bg-hover-icon-sell-bolder-i:hover {
    background-color: var(--theme-icon-sell-bolder) !important
}

.txt-icon-sell-bold,
.txt-hover-icon-sell-bold:hover {
    color: var(--theme-icon-sell-bold)
}

.bg-icon-sell-bold,
.bg-hover-icon-sell-bold:hover {
    background-color: var(--theme-icon-sell-bold)
}

.txt-icon-sell-bold-i,
.txt-hover-icon-sell-bold-i:hover {
    color: var(--theme-icon-sell-bold) !important
}

.bg-icon-sell-bold-i,
.bg-hover-icon-sell-bold-i:hover {
    background-color: var(--theme-icon-sell-bold) !important
}

.txt-icon-sell-neutral,
.txt-hover-icon-sell-neutral:hover {
    color: var(--theme-icon-sell-neutral)
}

.bg-icon-sell-neutral,
.bg-hover-icon-sell-neutral:hover {
    background-color: var(--theme-icon-sell-neutral)
}

.txt-icon-sell-neutral-i,
.txt-hover-icon-sell-neutral-i:hover {
    color: var(--theme-icon-sell-neutral) !important
}

.bg-icon-sell-neutral-i,
.bg-hover-icon-sell-neutral-i:hover {
    background-color: var(--theme-icon-sell-neutral) !important
}

.txt-icon-success-bolder,
.txt-hover-icon-success-bolder:hover {
    color: var(--theme-icon-success-bolder)
}

.bg-icon-success-bolder,
.bg-hover-icon-success-bolder:hover {
    background-color: var(--theme-icon-success-bolder)
}

.txt-icon-success-bolder-i,
.txt-hover-icon-success-bolder-i:hover {
    color: var(--theme-icon-success-bolder) !important
}

.bg-icon-success-bolder-i,
.bg-hover-icon-success-bolder-i:hover {
    background-color: var(--theme-icon-success-bolder) !important
}

.txt-icon-success-bold,
.txt-hover-icon-success-bold:hover {
    color: var(--theme-icon-success-bold)
}

.bg-icon-success-bold,
.bg-hover-icon-success-bold:hover {
    background-color: var(--theme-icon-success-bold)
}

.txt-icon-success-bold-i,
.txt-hover-icon-success-bold-i:hover {
    color: var(--theme-icon-success-bold) !important
}

.bg-icon-success-bold-i,
.bg-hover-icon-success-bold-i:hover {
    background-color: var(--theme-icon-success-bold) !important
}

.txt-icon-success-inverse,
.txt-hover-icon-success-inverse:hover {
    color: var(--theme-icon-success-inverse)
}

.bg-icon-success-inverse,
.bg-hover-icon-success-inverse:hover {
    background-color: var(--theme-icon-success-inverse)
}

.txt-icon-success-inverse-i,
.txt-hover-icon-success-inverse-i:hover {
    color: var(--theme-icon-success-inverse) !important
}

.bg-icon-success-inverse-i,
.bg-hover-icon-success-inverse-i:hover {
    background-color: var(--theme-icon-success-inverse) !important
}

.txt-icon-error-bolder,
.txt-hover-icon-error-bolder:hover {
    color: var(--theme-icon-error-bolder)
}

.bg-icon-error-bolder,
.bg-hover-icon-error-bolder:hover {
    background-color: var(--theme-icon-error-bolder)
}

.txt-icon-error-bolder-i,
.txt-hover-icon-error-bolder-i:hover {
    color: var(--theme-icon-error-bolder) !important
}

.bg-icon-error-bolder-i,
.bg-hover-icon-error-bolder-i:hover {
    background-color: var(--theme-icon-error-bolder) !important
}

.txt-icon-error-bold,
.txt-hover-icon-error-bold:hover {
    color: var(--theme-icon-error-bold)
}

.bg-icon-error-bold,
.bg-hover-icon-error-bold:hover {
    background-color: var(--theme-icon-error-bold)
}

.txt-icon-error-bold-i,
.txt-hover-icon-error-bold-i:hover {
    color: var(--theme-icon-error-bold) !important
}

.bg-icon-error-bold-i,
.bg-hover-icon-error-bold-i:hover {
    background-color: var(--theme-icon-error-bold) !important
}

.txt-icon-error-inverse,
.txt-hover-icon-error-inverse:hover {
    color: var(--theme-icon-error-inverse)
}

.bg-icon-error-inverse,
.bg-hover-icon-error-inverse:hover {
    background-color: var(--theme-icon-error-inverse)
}

.txt-icon-error-inverse-i,
.txt-hover-icon-error-inverse-i:hover {
    color: var(--theme-icon-error-inverse) !important
}

.bg-icon-error-inverse-i,
.bg-hover-icon-error-inverse-i:hover {
    background-color: var(--theme-icon-error-inverse) !important
}

.txt-icon-warning-bolder,
.txt-hover-icon-warning-bolder:hover {
    color: var(--theme-icon-warning-bolder)
}

.bg-icon-warning-bolder,
.bg-hover-icon-warning-bolder:hover {
    background-color: var(--theme-icon-warning-bolder)
}

.txt-icon-warning-bolder-i,
.txt-hover-icon-warning-bolder-i:hover {
    color: var(--theme-icon-warning-bolder) !important
}

.bg-icon-warning-bolder-i,
.bg-hover-icon-warning-bolder-i:hover {
    background-color: var(--theme-icon-warning-bolder) !important
}

.txt-icon-warning-bold,
.txt-hover-icon-warning-bold:hover {
    color: var(--theme-icon-warning-bold)
}

.bg-icon-warning-bold,
.bg-hover-icon-warning-bold:hover {
    background-color: var(--theme-icon-warning-bold)
}

.txt-icon-warning-bold-i,
.txt-hover-icon-warning-bold-i:hover {
    color: var(--theme-icon-warning-bold) !important
}

.bg-icon-warning-bold-i,
.bg-hover-icon-warning-bold-i:hover {
    background-color: var(--theme-icon-warning-bold) !important
}

.txt-icon-warning-inverse,
.txt-hover-icon-warning-inverse:hover {
    color: var(--theme-icon-warning-inverse)
}

.bg-icon-warning-inverse,
.bg-hover-icon-warning-inverse:hover {
    background-color: var(--theme-icon-warning-inverse)
}

.txt-icon-warning-inverse-i,
.txt-hover-icon-warning-inverse-i:hover {
    color: var(--theme-icon-warning-inverse) !important
}

.bg-icon-warning-inverse-i,
.bg-hover-icon-warning-inverse-i:hover {
    background-color: var(--theme-icon-warning-inverse) !important
}

.txt-icon-expressive-aqua-bolder,
.txt-hover-icon-expressive-aqua-bolder:hover {
    color: var(--theme-icon-expressive-aqua-bolder)
}

.bg-icon-expressive-aqua-bolder,
.bg-hover-icon-expressive-aqua-bolder:hover {
    background-color: var(--theme-icon-expressive-aqua-bolder)
}

.txt-icon-expressive-aqua-bolder-i,
.txt-hover-icon-expressive-aqua-bolder-i:hover {
    color: var(--theme-icon-expressive-aqua-bolder) !important
}

.bg-icon-expressive-aqua-bolder-i,
.bg-hover-icon-expressive-aqua-bolder-i:hover {
    background-color: var(--theme-icon-expressive-aqua-bolder) !important
}

.txt-icon-expressive-aqua-bold,
.txt-hover-icon-expressive-aqua-bold:hover {
    color: var(--theme-icon-expressive-aqua-bold)
}

.bg-icon-expressive-aqua-bold,
.bg-hover-icon-expressive-aqua-bold:hover {
    background-color: var(--theme-icon-expressive-aqua-bold)
}

.txt-icon-expressive-aqua-bold-i,
.txt-hover-icon-expressive-aqua-bold-i:hover {
    color: var(--theme-icon-expressive-aqua-bold) !important
}

.bg-icon-expressive-aqua-bold-i,
.bg-hover-icon-expressive-aqua-bold-i:hover {
    background-color: var(--theme-icon-expressive-aqua-bold) !important
}

.txt-icon-expressive-aqua-inverse,
.txt-hover-icon-expressive-aqua-inverse:hover {
    color: var(--theme-icon-expressive-aqua-inverse)
}

.bg-icon-expressive-aqua-inverse,
.bg-hover-icon-expressive-aqua-inverse:hover {
    background-color: var(--theme-icon-expressive-aqua-inverse)
}

.txt-icon-expressive-aqua-inverse-i,
.txt-hover-icon-expressive-aqua-inverse-i:hover {
    color: var(--theme-icon-expressive-aqua-inverse) !important
}

.bg-icon-expressive-aqua-inverse-i,
.bg-hover-icon-expressive-aqua-inverse-i:hover {
    background-color: var(--theme-icon-expressive-aqua-inverse) !important
}

.txt-icon-expressive-blue-bolder,
.txt-hover-icon-expressive-blue-bolder:hover {
    color: var(--theme-icon-expressive-blue-bolder)
}

.bg-icon-expressive-blue-bolder,
.bg-hover-icon-expressive-blue-bolder:hover {
    background-color: var(--theme-icon-expressive-blue-bolder)
}

.txt-icon-expressive-blue-bolder-i,
.txt-hover-icon-expressive-blue-bolder-i:hover {
    color: var(--theme-icon-expressive-blue-bolder) !important
}

.bg-icon-expressive-blue-bolder-i,
.bg-hover-icon-expressive-blue-bolder-i:hover {
    background-color: var(--theme-icon-expressive-blue-bolder) !important
}

.txt-icon-expressive-blue-bold,
.txt-hover-icon-expressive-blue-bold:hover {
    color: var(--theme-icon-expressive-blue-bold)
}

.bg-icon-expressive-blue-bold,
.bg-hover-icon-expressive-blue-bold:hover {
    background-color: var(--theme-icon-expressive-blue-bold)
}

.txt-icon-expressive-blue-bold-i,
.txt-hover-icon-expressive-blue-bold-i:hover {
    color: var(--theme-icon-expressive-blue-bold) !important
}

.bg-icon-expressive-blue-bold-i,
.bg-hover-icon-expressive-blue-bold-i:hover {
    background-color: var(--theme-icon-expressive-blue-bold) !important
}

.txt-icon-expressive-blue-inverse,
.txt-hover-icon-expressive-blue-inverse:hover {
    color: var(--theme-icon-expressive-blue-inverse)
}

.bg-icon-expressive-blue-inverse,
.bg-hover-icon-expressive-blue-inverse:hover {
    background-color: var(--theme-icon-expressive-blue-inverse)
}

.txt-icon-expressive-blue-inverse-i,
.txt-hover-icon-expressive-blue-inverse-i:hover {
    color: var(--theme-icon-expressive-blue-inverse) !important
}

.bg-icon-expressive-blue-inverse-i,
.bg-hover-icon-expressive-blue-inverse-i:hover {
    background-color: var(--theme-icon-expressive-blue-inverse) !important
}

.txt-icon-expressive-violet-bolder,
.txt-hover-icon-expressive-violet-bolder:hover {
    color: var(--theme-icon-expressive-violet-bolder)
}

.bg-icon-expressive-violet-bolder,
.bg-hover-icon-expressive-violet-bolder:hover {
    background-color: var(--theme-icon-expressive-violet-bolder)
}

.txt-icon-expressive-violet-bolder-i,
.txt-hover-icon-expressive-violet-bolder-i:hover {
    color: var(--theme-icon-expressive-violet-bolder) !important
}

.bg-icon-expressive-violet-bolder-i,
.bg-hover-icon-expressive-violet-bolder-i:hover {
    background-color: var(--theme-icon-expressive-violet-bolder) !important
}

.txt-icon-expressive-violet-bold,
.txt-hover-icon-expressive-violet-bold:hover {
    color: var(--theme-icon-expressive-violet-bold)
}

.bg-icon-expressive-violet-bold,
.bg-hover-icon-expressive-violet-bold:hover {
    background-color: var(--theme-icon-expressive-violet-bold)
}

.txt-icon-expressive-violet-bold-i,
.txt-hover-icon-expressive-violet-bold-i:hover {
    color: var(--theme-icon-expressive-violet-bold) !important
}

.bg-icon-expressive-violet-bold-i,
.bg-hover-icon-expressive-violet-bold-i:hover {
    background-color: var(--theme-icon-expressive-violet-bold) !important
}

.txt-icon-expressive-violet-inverse,
.txt-hover-icon-expressive-violet-inverse:hover {
    color: var(--theme-icon-expressive-violet-inverse)
}

.bg-icon-expressive-violet-inverse,
.bg-hover-icon-expressive-violet-inverse:hover {
    background-color: var(--theme-icon-expressive-violet-inverse)
}

.txt-icon-expressive-violet-inverse-i,
.txt-hover-icon-expressive-violet-inverse-i:hover {
    color: var(--theme-icon-expressive-violet-inverse) !important
}

.bg-icon-expressive-violet-inverse-i,
.bg-hover-icon-expressive-violet-inverse-i:hover {
    background-color: var(--theme-icon-expressive-violet-inverse) !important
}

.txt-icon-expressive-lilac-bolder,
.txt-hover-icon-expressive-lilac-bolder:hover {
    color: var(--theme-icon-expressive-lilac-bolder)
}

.bg-icon-expressive-lilac-bolder,
.bg-hover-icon-expressive-lilac-bolder:hover {
    background-color: var(--theme-icon-expressive-lilac-bolder)
}

.txt-icon-expressive-lilac-bolder-i,
.txt-hover-icon-expressive-lilac-bolder-i:hover {
    color: var(--theme-icon-expressive-lilac-bolder) !important
}

.bg-icon-expressive-lilac-bolder-i,
.bg-hover-icon-expressive-lilac-bolder-i:hover {
    background-color: var(--theme-icon-expressive-lilac-bolder) !important
}

.txt-icon-expressive-lilac-bold,
.txt-hover-icon-expressive-lilac-bold:hover {
    color: var(--theme-icon-expressive-lilac-bold)
}

.bg-icon-expressive-lilac-bold,
.bg-hover-icon-expressive-lilac-bold:hover {
    background-color: var(--theme-icon-expressive-lilac-bold)
}

.txt-icon-expressive-lilac-bold-i,
.txt-hover-icon-expressive-lilac-bold-i:hover {
    color: var(--theme-icon-expressive-lilac-bold) !important
}

.bg-icon-expressive-lilac-bold-i,
.bg-hover-icon-expressive-lilac-bold-i:hover {
    background-color: var(--theme-icon-expressive-lilac-bold) !important
}

.txt-icon-expressive-lilac-inverse,
.txt-hover-icon-expressive-lilac-inverse:hover {
    color: var(--theme-icon-expressive-lilac-inverse)
}

.bg-icon-expressive-lilac-inverse,
.bg-hover-icon-expressive-lilac-inverse:hover {
    background-color: var(--theme-icon-expressive-lilac-inverse)
}

.txt-icon-expressive-lilac-inverse-i,
.txt-hover-icon-expressive-lilac-inverse-i:hover {
    color: var(--theme-icon-expressive-lilac-inverse) !important
}

.bg-icon-expressive-lilac-inverse-i,
.bg-hover-icon-expressive-lilac-inverse-i:hover {
    background-color: var(--theme-icon-expressive-lilac-inverse) !important
}

.txt-icon-expressive-pink-bolder,
.txt-hover-icon-expressive-pink-bolder:hover {
    color: var(--theme-icon-expressive-pink-bolder)
}

.bg-icon-expressive-pink-bolder,
.bg-hover-icon-expressive-pink-bolder:hover {
    background-color: var(--theme-icon-expressive-pink-bolder)
}

.txt-icon-expressive-pink-bolder-i,
.txt-hover-icon-expressive-pink-bolder-i:hover {
    color: var(--theme-icon-expressive-pink-bolder) !important
}

.bg-icon-expressive-pink-bolder-i,
.bg-hover-icon-expressive-pink-bolder-i:hover {
    background-color: var(--theme-icon-expressive-pink-bolder) !important
}

.txt-icon-expressive-pink-bold,
.txt-hover-icon-expressive-pink-bold:hover {
    color: var(--theme-icon-expressive-pink-bold)
}

.bg-icon-expressive-pink-bold,
.bg-hover-icon-expressive-pink-bold:hover {
    background-color: var(--theme-icon-expressive-pink-bold)
}

.txt-icon-expressive-pink-bold-i,
.txt-hover-icon-expressive-pink-bold-i:hover {
    color: var(--theme-icon-expressive-pink-bold) !important
}

.bg-icon-expressive-pink-bold-i,
.bg-hover-icon-expressive-pink-bold-i:hover {
    background-color: var(--theme-icon-expressive-pink-bold) !important
}

.txt-icon-expressive-pink-inverse,
.txt-hover-icon-expressive-pink-inverse:hover {
    color: var(--theme-icon-expressive-pink-inverse)
}

.bg-icon-expressive-pink-inverse,
.bg-hover-icon-expressive-pink-inverse:hover {
    background-color: var(--theme-icon-expressive-pink-inverse)
}

.txt-icon-expressive-pink-inverse-i,
.txt-hover-icon-expressive-pink-inverse-i:hover {
    color: var(--theme-icon-expressive-pink-inverse) !important
}

.bg-icon-expressive-pink-inverse-i,
.bg-hover-icon-expressive-pink-inverse-i:hover {
    background-color: var(--theme-icon-expressive-pink-inverse) !important
}

.txt-icon-expressive-coral-bolder,
.txt-hover-icon-expressive-coral-bolder:hover {
    color: var(--theme-icon-expressive-coral-bolder)
}

.bg-icon-expressive-coral-bolder,
.bg-hover-icon-expressive-coral-bolder:hover {
    background-color: var(--theme-icon-expressive-coral-bolder)
}

.txt-icon-expressive-coral-bolder-i,
.txt-hover-icon-expressive-coral-bolder-i:hover {
    color: var(--theme-icon-expressive-coral-bolder) !important
}

.bg-icon-expressive-coral-bolder-i,
.bg-hover-icon-expressive-coral-bolder-i:hover {
    background-color: var(--theme-icon-expressive-coral-bolder) !important
}

.txt-icon-expressive-coral-bold,
.txt-hover-icon-expressive-coral-bold:hover {
    color: var(--theme-icon-expressive-coral-bold)
}

.bg-icon-expressive-coral-bold,
.bg-hover-icon-expressive-coral-bold:hover {
    background-color: var(--theme-icon-expressive-coral-bold)
}

.txt-icon-expressive-coral-bold-i,
.txt-hover-icon-expressive-coral-bold-i:hover {
    color: var(--theme-icon-expressive-coral-bold) !important
}

.bg-icon-expressive-coral-bold-i,
.bg-hover-icon-expressive-coral-bold-i:hover {
    background-color: var(--theme-icon-expressive-coral-bold) !important
}

.txt-icon-expressive-coral-inverse,
.txt-hover-icon-expressive-coral-inverse:hover {
    color: var(--theme-icon-expressive-coral-inverse)
}

.bg-icon-expressive-coral-inverse,
.bg-hover-icon-expressive-coral-inverse:hover {
    background-color: var(--theme-icon-expressive-coral-inverse)
}

.txt-icon-expressive-coral-inverse-i,
.txt-hover-icon-expressive-coral-inverse-i:hover {
    color: var(--theme-icon-expressive-coral-inverse) !important
}

.bg-icon-expressive-coral-inverse-i,
.bg-hover-icon-expressive-coral-inverse-i:hover {
    background-color: var(--theme-icon-expressive-coral-inverse) !important
}

.txt-icon-expressive-gold-bolder,
.txt-hover-icon-expressive-gold-bolder:hover {
    color: var(--theme-icon-expressive-gold-bolder)
}

.bg-icon-expressive-gold-bolder,
.bg-hover-icon-expressive-gold-bolder:hover {
    background-color: var(--theme-icon-expressive-gold-bolder)
}

.txt-icon-expressive-gold-bolder-i,
.txt-hover-icon-expressive-gold-bolder-i:hover {
    color: var(--theme-icon-expressive-gold-bolder) !important
}

.bg-icon-expressive-gold-bolder-i,
.bg-hover-icon-expressive-gold-bolder-i:hover {
    background-color: var(--theme-icon-expressive-gold-bolder) !important
}

.txt-icon-expressive-gold-bold,
.txt-hover-icon-expressive-gold-bold:hover {
    color: var(--theme-icon-expressive-gold-bold)
}

.bg-icon-expressive-gold-bold,
.bg-hover-icon-expressive-gold-bold:hover {
    background-color: var(--theme-icon-expressive-gold-bold)
}

.txt-icon-expressive-gold-bold-i,
.txt-hover-icon-expressive-gold-bold-i:hover {
    color: var(--theme-icon-expressive-gold-bold) !important
}

.bg-icon-expressive-gold-bold-i,
.bg-hover-icon-expressive-gold-bold-i:hover {
    background-color: var(--theme-icon-expressive-gold-bold) !important
}

.txt-icon-expressive-gold-inverse,
.txt-hover-icon-expressive-gold-inverse:hover {
    color: var(--theme-icon-expressive-gold-inverse)
}

.bg-icon-expressive-gold-inverse,
.bg-hover-icon-expressive-gold-inverse:hover {
    background-color: var(--theme-icon-expressive-gold-inverse)
}

.txt-icon-expressive-gold-inverse-i,
.txt-hover-icon-expressive-gold-inverse-i:hover {
    color: var(--theme-icon-expressive-gold-inverse) !important
}

.bg-icon-expressive-gold-inverse-i,
.bg-hover-icon-expressive-gold-inverse-i:hover {
    background-color: var(--theme-icon-expressive-gold-inverse) !important
}

.txt-icon-expressive-avocado-bolder,
.txt-hover-icon-expressive-avocado-bolder:hover {
    color: var(--theme-icon-expressive-avocado-bolder)
}

.bg-icon-expressive-avocado-bolder,
.bg-hover-icon-expressive-avocado-bolder:hover {
    background-color: var(--theme-icon-expressive-avocado-bolder)
}

.txt-icon-expressive-avocado-bolder-i,
.txt-hover-icon-expressive-avocado-bolder-i:hover {
    color: var(--theme-icon-expressive-avocado-bolder) !important
}

.bg-icon-expressive-avocado-bolder-i,
.bg-hover-icon-expressive-avocado-bolder-i:hover {
    background-color: var(--theme-icon-expressive-avocado-bolder) !important
}

.txt-icon-expressive-avocado-bold,
.txt-hover-icon-expressive-avocado-bold:hover {
    color: var(--theme-icon-expressive-avocado-bold)
}

.bg-icon-expressive-avocado-bold,
.bg-hover-icon-expressive-avocado-bold:hover {
    background-color: var(--theme-icon-expressive-avocado-bold)
}

.txt-icon-expressive-avocado-bold-i,
.txt-hover-icon-expressive-avocado-bold-i:hover {
    color: var(--theme-icon-expressive-avocado-bold) !important
}

.bg-icon-expressive-avocado-bold-i,
.bg-hover-icon-expressive-avocado-bold-i:hover {
    background-color: var(--theme-icon-expressive-avocado-bold) !important
}

.txt-icon-expressive-avocado-inverse,
.txt-hover-icon-expressive-avocado-inverse:hover {
    color: var(--theme-icon-expressive-avocado-inverse)
}

.bg-icon-expressive-avocado-inverse,
.bg-hover-icon-expressive-avocado-inverse:hover {
    background-color: var(--theme-icon-expressive-avocado-inverse)
}

.txt-icon-expressive-avocado-inverse-i,
.txt-hover-icon-expressive-avocado-inverse-i:hover {
    color: var(--theme-icon-expressive-avocado-inverse) !important
}

.bg-icon-expressive-avocado-inverse-i,
.bg-hover-icon-expressive-avocado-inverse-i:hover {
    background-color: var(--theme-icon-expressive-avocado-inverse) !important
}

.txt-blanket-overlay,
.txt-hover-blanket-overlay:hover {
    color: var(--theme-blanket-overlay)
}

.bg-blanket-overlay,
.bg-hover-blanket-overlay:hover {
    background-color: var(--theme-blanket-overlay)
}

.txt-blanket-overlay-i,
.txt-hover-blanket-overlay-i:hover {
    color: var(--theme-blanket-overlay) !important
}

.bg-blanket-overlay-i,
.bg-hover-blanket-overlay-i:hover {
    background-color: var(--theme-blanket-overlay) !important
}

.txt-blanket-light,
.txt-hover-blanket-light:hover {
    color: var(--theme-blanket-light)
}

.bg-blanket-light,
.bg-hover-blanket-light:hover {
    background-color: var(--theme-blanket-light)
}

.txt-blanket-light-i,
.txt-hover-blanket-light-i:hover {
    color: var(--theme-blanket-light) !important
}

.bg-blanket-light-i,
.bg-hover-blanket-light-i:hover {
    background-color: var(--theme-blanket-light) !important
}

.txt-interaction-hovered,
.txt-hover-interaction-hovered:hover {
    color: var(--theme-interaction-hovered)
}

.bg-interaction-hovered,
.bg-hover-interaction-hovered:hover {
    background-color: var(--theme-interaction-hovered)
}

.txt-interaction-hovered-i,
.txt-hover-interaction-hovered-i:hover {
    color: var(--theme-interaction-hovered) !important
}

.bg-interaction-hovered-i,
.bg-hover-interaction-hovered-i:hover {
    background-color: var(--theme-interaction-hovered) !important
}

.txt-interaction-pressed,
.txt-hover-interaction-pressed:hover {
    color: var(--theme-interaction-pressed)
}

.bg-interaction-pressed,
.bg-hover-interaction-pressed:hover {
    background-color: var(--theme-interaction-pressed)
}

.txt-interaction-pressed-i,
.txt-hover-interaction-pressed-i:hover {
    color: var(--theme-interaction-pressed) !important
}

.bg-interaction-pressed-i,
.bg-hover-interaction-pressed-i:hover {
    background-color: var(--theme-interaction-pressed) !important
}

.txt-overlay-50,
.txt-hover-overlay-50:hover {
    color: var(--theme-overlay-50)
}

.bg-overlay-50,
.bg-hover-overlay-50:hover {
    background-color: var(--theme-overlay-50)
}

.txt-overlay-50-i,
.txt-hover-overlay-50-i:hover {
    color: var(--theme-overlay-50) !important
}

.bg-overlay-50-i,
.bg-hover-overlay-50-i:hover {
    background-color: var(--theme-overlay-50) !important
}

.txt-overlay-100,
.txt-hover-overlay-100:hover {
    color: var(--theme-overlay-100)
}

.bg-overlay-100,
.bg-hover-overlay-100:hover {
    background-color: var(--theme-overlay-100)
}

.txt-overlay-100-i,
.txt-hover-overlay-100-i:hover {
    color: var(--theme-overlay-100) !important
}

.bg-overlay-100-i,
.bg-hover-overlay-100-i:hover {
    background-color: var(--theme-overlay-100) !important
}

.txt-overlay-200,
.txt-hover-overlay-200:hover {
    color: var(--theme-overlay-200)
}

.bg-overlay-200,
.bg-hover-overlay-200:hover {
    background-color: var(--theme-overlay-200)
}

.txt-overlay-200-i,
.txt-hover-overlay-200-i:hover {
    color: var(--theme-overlay-200) !important
}

.bg-overlay-200-i,
.bg-hover-overlay-200-i:hover {
    background-color: var(--theme-overlay-200) !important
}

.txt-overlay-300,
.txt-hover-overlay-300:hover {
    color: var(--theme-overlay-300)
}

.bg-overlay-300,
.bg-hover-overlay-300:hover {
    background-color: var(--theme-overlay-300)
}

.txt-overlay-300-i,
.txt-hover-overlay-300-i:hover {
    color: var(--theme-overlay-300) !important
}

.bg-overlay-300-i,
.bg-hover-overlay-300-i:hover {
    background-color: var(--theme-overlay-300) !important
}

.txt-overlay-400,
.txt-hover-overlay-400:hover {
    color: var(--theme-overlay-400)
}

.bg-overlay-400,
.bg-hover-overlay-400:hover {
    background-color: var(--theme-overlay-400)
}

.txt-overlay-400-i,
.txt-hover-overlay-400-i:hover {
    color: var(--theme-overlay-400) !important
}

.bg-overlay-400-i,
.bg-hover-overlay-400-i:hover {
    background-color: var(--theme-overlay-400) !important
}

.txt-overlay-500,
.txt-hover-overlay-500:hover {
    color: var(--theme-overlay-500)
}

.bg-overlay-500,
.bg-hover-overlay-500:hover {
    background-color: var(--theme-overlay-500)
}

.txt-overlay-500-i,
.txt-hover-overlay-500-i:hover {
    color: var(--theme-overlay-500) !important
}

.bg-overlay-500-i,
.bg-hover-overlay-500-i:hover {
    background-color: var(--theme-overlay-500) !important
}

.txt-overlay-600,
.txt-hover-overlay-600:hover {
    color: var(--theme-overlay-600)
}

.bg-overlay-600,
.bg-hover-overlay-600:hover {
    background-color: var(--theme-overlay-600)
}

.txt-overlay-600-i,
.txt-hover-overlay-600-i:hover {
    color: var(--theme-overlay-600) !important
}

.bg-overlay-600-i,
.bg-hover-overlay-600-i:hover {
    background-color: var(--theme-overlay-600) !important
}

.txt-overlay-700,
.txt-hover-overlay-700:hover {
    color: var(--theme-overlay-700)
}

.bg-overlay-700,
.bg-hover-overlay-700:hover {
    background-color: var(--theme-overlay-700)
}

.txt-overlay-700-i,
.txt-hover-overlay-700-i:hover {
    color: var(--theme-overlay-700) !important
}

.bg-overlay-700-i,
.bg-hover-overlay-700-i:hover {
    background-color: var(--theme-overlay-700) !important
}

.txt-overlay-800,
.txt-hover-overlay-800:hover {
    color: var(--theme-overlay-800)
}

.bg-overlay-800,
.bg-hover-overlay-800:hover {
    background-color: var(--theme-overlay-800)
}

.txt-overlay-800-i,
.txt-hover-overlay-800-i:hover {
    color: var(--theme-overlay-800) !important
}

.bg-overlay-800-i,
.bg-hover-overlay-800-i:hover {
    background-color: var(--theme-overlay-800) !important
}

.txt-overlay-900,
.txt-hover-overlay-900:hover {
    color: var(--theme-overlay-900)
}

.bg-overlay-900,
.bg-hover-overlay-900:hover {
    background-color: var(--theme-overlay-900)
}

.txt-overlay-900-i,
.txt-hover-overlay-900-i:hover {
    color: var(--theme-overlay-900) !important
}

.bg-overlay-900-i,
.bg-hover-overlay-900-i:hover {
    background-color: var(--theme-overlay-900) !important
}

.txt-overlay-950,
.txt-hover-overlay-950:hover {
    color: var(--theme-overlay-950)
}

.bg-overlay-950,
.bg-hover-overlay-950:hover {
    background-color: var(--theme-overlay-950)
}

.txt-overlay-950-i,
.txt-hover-overlay-950-i:hover {
    color: var(--theme-overlay-950) !important
}

.bg-overlay-950-i,
.bg-hover-overlay-950-i:hover {
    background-color: var(--theme-overlay-950) !important
}

.txt-overlay-50-inverse,
.txt-hover-overlay-50-inverse:hover {
    color: var(--theme-overlay-50-inverse)
}

.bg-overlay-50-inverse,
.bg-hover-overlay-50-inverse:hover {
    background-color: var(--theme-overlay-50-inverse)
}

.txt-overlay-50-inverse-i,
.txt-hover-overlay-50-inverse-i:hover {
    color: var(--theme-overlay-50-inverse) !important
}

.bg-overlay-50-inverse-i,
.bg-hover-overlay-50-inverse-i:hover {
    background-color: var(--theme-overlay-50-inverse) !important
}

.txt-warning {
    color: #ff9b3e !important
}

.bg-inherit {
    background-color: inherit !important
}

.bg-warning {
    background-color: #ff9b3e !important
}

.bg-transparent {
    background-color: #0000 !important
}

.fx {
    display: flex
}

.fx-0 {
    flex: 0 !important
}

.fx-1 {
    flex: 1
}

.fx-extend {
    flex: auto
}

.fx-column-reverse {
    flex-direction: column-reverse;
    display: flex
}

.fx-row {
    flex-direction: row;
    display: flex
}

.fx-row-reverse {
    flex-direction: row-reverse;
    display: flex
}

.fx-column {
    flex-direction: column;
    display: flex
}

.fx-center {
    justify-content: center;
    align-items: center
}

.fx-center-between {
    justify-content: space-between;
    align-items: center
}

.fx-wrap-wrap {
    flex-wrap: wrap
}

.fx-wrap-nowrap {
    flex-wrap: nowrap
}

.fx-wrap-revert {
    flex-wrap: revert
}

.fx-wrap-wrap-reverse {
    flex-wrap: wrap-reverse
}

.fx-ac-center {
    align-content: center
}

.fx-ac-start {
    align-content: start
}

.fx-ac-end {
    align-content: end
}

.fx-ac-flex-start {
    align-content: flex-start
}

.fx-ac-flex-end {
    align-content: flex-end
}

.fx-ac-baseline {
    align-content: baseline
}

.fx-ac-space-between {
    align-content: space-between
}

.fx-ac-space-around {
    align-content: space-around
}

.fx-ac-space-evenly {
    align-content: space-evenly
}

.fx-ac-stretch {
    align-content: stretch
}

.fx-ai-normal {
    align-items: normal
}

.fx-ai-stretch {
    align-items: stretch
}

.fx-ai-center {
    align-items: center
}

.fx-ai-start {
    align-items: start
}

.fx-ai-end {
    align-items: end
}

.fx-ai-flex-start {
    align-items: flex-start
}

.fx-ai-flex-end {
    align-items: flex-end
}

.fx-ai-baseline {
    align-items: baseline
}

.fx-as-auto {
    align-self: auto
}

.fx-as-normal {
    align-self: normal
}

.fx-as-center {
    align-self: center
}

.fx-as-start {
    align-self: start
}

.fx-as-end {
    align-self: end
}

.fx-as-self-start {
    align-self: self-start
}

.fx-as-self-end {
    align-self: self-end
}

.fx-as-flex-start {
    align-self: flex-start
}

.fx-as-flex-end {
    align-self: flex-end
}

.fx-as-baseline {
    align-self: baseline
}

.fx-as-stretch {
    align-self: stretch
}

.fx-jc-center {
    justify-content: center !important
}

.fx-jc-start {
    justify-content: start !important
}

.fx-jc-end {
    justify-content: end !important
}

.fx-jc-flex-start {
    justify-content: flex-start !important
}

.fx-jc-flex-end {
    justify-content: flex-end !important
}

.fx-jc-left {
    justify-content: left !important
}

.fx-jc-right {
    justify-content: right !important
}

.fx-jc-normal {
    justify-content: normal !important
}

.fx-jc-space-between {
    justify-content: space-between !important
}

.fx-jc-space-around {
    justify-content: space-around !important
}

.fx-jc-space-evenly {
    justify-content: space-evenly !important
}

.fx-jc-stretch {
    justify-content: stretch !important
}

.fx-ji-auto {
    justify-items: auto
}

.fx-ji-normal {
    justify-items: normal
}

.fx-ji-stretch {
    justify-items: stretch
}

.fx-ji-center {
    justify-items: center
}

.fx-ji-start {
    justify-items: start
}

.fx-ji-end {
    justify-items: end
}

.fx-ji-flex-start {
    justify-items: flex-start
}

.fx-ji-flex-end {
    justify-items: flex-end
}

.fx-ji-self-start {
    justify-items: self-start
}

.fx-ji-self-end {
    justify-items: self-end
}

.fx-ji-left {
    justify-items: left
}

.fx-ji-right {
    justify-items: right
}

.fx-js-auto {
    justify-self: auto
}

.fx-js-normal {
    justify-self: normal
}

.fx-js-stretch {
    justify-self: stretch
}

.fx-js-center {
    justify-self: center
}

.fx-js-start {
    justify-self: start
}

.fx-js-end {
    justify-self: end
}

.fx-js-flex-start {
    justify-self: flex-start
}

.fx-js-flex-end {
    justify-self: flex-end
}

.fx-js-self-start {
    justify-self: self-start
}

.fx-js-self-end {
    justify-self: self-end
}

.fx-js-left {
    justify-self: left
}

.fx-js-right {
    justify-self: right
}

@media screen and (max-width:1439px) {
    .lg-fx {
        display: flex
    }

    .lg-fx-0 {
        flex: 0 !important
    }

    .lg-fx-1 {
        flex: 1
    }

    .lg-fx-extend {
        flex: auto
    }

    .lg-fx-column-reverse {
        flex-direction: column-reverse;
        display: flex
    }

    .lg-fx-row {
        flex-direction: row;
        display: flex
    }

    .lg-fx-row-reverse {
        flex-direction: row-reverse;
        display: flex
    }

    .lg-fx-column {
        flex-direction: column;
        display: flex
    }

    .lg-fx-center {
        justify-content: center;
        align-items: center
    }

    .lg-fx-center-between {
        justify-content: space-between;
        align-items: center
    }

    .lg-fx-wrap-wrap {
        flex-wrap: wrap
    }

    .lg-fx-wrap-nowrap {
        flex-wrap: nowrap
    }

    .lg-fx-wrap-revert {
        flex-wrap: revert
    }

    .lg-fx-wrap-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .lg-fx-ac-center {
        align-content: center
    }

    .lg-fx-ac-start {
        align-content: start
    }

    .lg-fx-ac-end {
        align-content: end
    }

    .lg-fx-ac-flex-start {
        align-content: flex-start
    }

    .lg-fx-ac-flex-end {
        align-content: flex-end
    }

    .lg-fx-ac-baseline {
        align-content: baseline
    }

    .lg-fx-ac-space-between {
        align-content: space-between
    }

    .lg-fx-ac-space-around {
        align-content: space-around
    }

    .lg-fx-ac-space-evenly {
        align-content: space-evenly
    }

    .lg-fx-ac-stretch {
        align-content: stretch
    }

    .lg-fx-ai-normal {
        align-items: normal
    }

    .lg-fx-ai-stretch {
        align-items: stretch
    }

    .lg-fx-ai-center {
        align-items: center
    }

    .lg-fx-ai-start {
        align-items: start
    }

    .lg-fx-ai-end {
        align-items: end
    }

    .lg-fx-ai-flex-start {
        align-items: flex-start
    }

    .lg-fx-ai-flex-end {
        align-items: flex-end
    }

    .lg-fx-ai-baseline {
        align-items: baseline
    }

    .lg-fx-as-auto {
        align-self: auto
    }

    .lg-fx-as-normal {
        align-self: normal
    }

    .lg-fx-as-center {
        align-self: center
    }

    .lg-fx-as-start {
        align-self: start
    }

    .lg-fx-as-end {
        align-self: end
    }

    .lg-fx-as-self-start {
        align-self: self-start
    }

    .lg-fx-as-self-end {
        align-self: self-end
    }

    .lg-fx-as-flex-start {
        align-self: flex-start
    }

    .lg-fx-as-flex-end {
        align-self: flex-end
    }

    .lg-fx-as-baseline {
        align-self: baseline
    }

    .lg-fx-as-stretch {
        align-self: stretch
    }

    .lg-fx-jc-center {
        justify-content: center !important
    }

    .lg-fx-jc-start {
        justify-content: start !important
    }

    .lg-fx-jc-end {
        justify-content: end !important
    }

    .lg-fx-jc-flex-start {
        justify-content: flex-start !important
    }

    .lg-fx-jc-flex-end {
        justify-content: flex-end !important
    }

    .lg-fx-jc-left {
        justify-content: left !important
    }

    .lg-fx-jc-right {
        justify-content: right !important
    }

    .lg-fx-jc-normal {
        justify-content: normal !important
    }

    .lg-fx-jc-space-between {
        justify-content: space-between !important
    }

    .lg-fx-jc-space-around {
        justify-content: space-around !important
    }

    .lg-fx-jc-space-evenly {
        justify-content: space-evenly !important
    }

    .lg-fx-jc-stretch {
        justify-content: stretch !important
    }

    .lg-fx-ji-auto {
        justify-items: auto
    }

    .lg-fx-ji-normal {
        justify-items: normal
    }

    .lg-fx-ji-stretch {
        justify-items: stretch
    }

    .lg-fx-ji-center {
        justify-items: center
    }

    .lg-fx-ji-start {
        justify-items: start
    }

    .lg-fx-ji-end {
        justify-items: end
    }

    .lg-fx-ji-flex-start {
        justify-items: flex-start
    }

    .lg-fx-ji-flex-end {
        justify-items: flex-end
    }

    .lg-fx-ji-self-start {
        justify-items: self-start
    }

    .lg-fx-ji-self-end {
        justify-items: self-end
    }

    .lg-fx-ji-left {
        justify-items: left
    }

    .lg-fx-ji-right {
        justify-items: right
    }

    .lg-fx-js-auto {
        justify-self: auto
    }

    .lg-fx-js-normal {
        justify-self: normal
    }

    .lg-fx-js-stretch {
        justify-self: stretch
    }

    .lg-fx-js-center {
        justify-self: center
    }

    .lg-fx-js-start {
        justify-self: start
    }

    .lg-fx-js-end {
        justify-self: end
    }

    .lg-fx-js-flex-start {
        justify-self: flex-start
    }

    .lg-fx-js-flex-end {
        justify-self: flex-end
    }

    .lg-fx-js-self-start {
        justify-self: self-start
    }

    .lg-fx-js-self-end {
        justify-self: self-end
    }

    .lg-fx-js-left {
        justify-self: left
    }

    .lg-fx-js-right {
        justify-self: right
    }
}

@media screen and (max-width:1023px) {
    .md-fx {
        display: flex
    }

    .md-fx-0 {
        flex: 0 !important
    }

    .md-fx-1 {
        flex: 1
    }

    .md-fx-extend {
        flex: auto
    }

    .md-fx-column-reverse {
        flex-direction: column-reverse;
        display: flex
    }

    .md-fx-row {
        flex-direction: row;
        display: flex
    }

    .md-fx-row-reverse {
        flex-direction: row-reverse;
        display: flex
    }

    .md-fx-column {
        flex-direction: column;
        display: flex
    }

    .md-fx-center {
        justify-content: center;
        align-items: center
    }

    .md-fx-center-between {
        justify-content: space-between;
        align-items: center
    }

    .md-fx-wrap-wrap {
        flex-wrap: wrap
    }

    .md-fx-wrap-nowrap {
        flex-wrap: nowrap
    }

    .md-fx-wrap-revert {
        flex-wrap: revert
    }

    .md-fx-wrap-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .md-fx-ac-center {
        align-content: center
    }

    .md-fx-ac-start {
        align-content: start
    }

    .md-fx-ac-end {
        align-content: end
    }

    .md-fx-ac-flex-start {
        align-content: flex-start
    }

    .md-fx-ac-flex-end {
        align-content: flex-end
    }

    .md-fx-ac-baseline {
        align-content: baseline
    }

    .md-fx-ac-space-between {
        align-content: space-between
    }

    .md-fx-ac-space-around {
        align-content: space-around
    }

    .md-fx-ac-space-evenly {
        align-content: space-evenly
    }

    .md-fx-ac-stretch {
        align-content: stretch
    }

    .md-fx-ai-normal {
        align-items: normal
    }

    .md-fx-ai-stretch {
        align-items: stretch
    }

    .md-fx-ai-center {
        align-items: center
    }

    .md-fx-ai-start {
        align-items: start
    }

    .md-fx-ai-end {
        align-items: end
    }

    .md-fx-ai-flex-start {
        align-items: flex-start
    }

    .md-fx-ai-flex-end {
        align-items: flex-end
    }

    .md-fx-ai-baseline {
        align-items: baseline
    }

    .md-fx-as-auto {
        align-self: auto
    }

    .md-fx-as-normal {
        align-self: normal
    }

    .md-fx-as-center {
        align-self: center
    }

    .md-fx-as-start {
        align-self: start
    }

    .md-fx-as-end {
        align-self: end
    }

    .md-fx-as-self-start {
        align-self: self-start
    }

    .md-fx-as-self-end {
        align-self: self-end
    }

    .md-fx-as-flex-start {
        align-self: flex-start
    }

    .md-fx-as-flex-end {
        align-self: flex-end
    }

    .md-fx-as-baseline {
        align-self: baseline
    }

    .md-fx-as-stretch {
        align-self: stretch
    }

    .md-fx-jc-center {
        justify-content: center !important
    }

    .md-fx-jc-start {
        justify-content: start !important
    }

    .md-fx-jc-end {
        justify-content: end !important
    }

    .md-fx-jc-flex-start {
        justify-content: flex-start !important
    }

    .md-fx-jc-flex-end {
        justify-content: flex-end !important
    }

    .md-fx-jc-left {
        justify-content: left !important
    }

    .md-fx-jc-right {
        justify-content: right !important
    }

    .md-fx-jc-normal {
        justify-content: normal !important
    }

    .md-fx-jc-space-between {
        justify-content: space-between !important
    }

    .md-fx-jc-space-around {
        justify-content: space-around !important
    }

    .md-fx-jc-space-evenly {
        justify-content: space-evenly !important
    }

    .md-fx-jc-stretch {
        justify-content: stretch !important
    }

    .md-fx-ji-auto {
        justify-items: auto
    }

    .md-fx-ji-normal {
        justify-items: normal
    }

    .md-fx-ji-stretch {
        justify-items: stretch
    }

    .md-fx-ji-center {
        justify-items: center
    }

    .md-fx-ji-start {
        justify-items: start
    }

    .md-fx-ji-end {
        justify-items: end
    }

    .md-fx-ji-flex-start {
        justify-items: flex-start
    }

    .md-fx-ji-flex-end {
        justify-items: flex-end
    }

    .md-fx-ji-self-start {
        justify-items: self-start
    }

    .md-fx-ji-self-end {
        justify-items: self-end
    }

    .md-fx-ji-left {
        justify-items: left
    }

    .md-fx-ji-right {
        justify-items: right
    }

    .md-fx-js-auto {
        justify-self: auto
    }

    .md-fx-js-normal {
        justify-self: normal
    }

    .md-fx-js-stretch {
        justify-self: stretch
    }

    .md-fx-js-center {
        justify-self: center
    }

    .md-fx-js-start {
        justify-self: start
    }

    .md-fx-js-end {
        justify-self: end
    }

    .md-fx-js-flex-start {
        justify-self: flex-start
    }

    .md-fx-js-flex-end {
        justify-self: flex-end
    }

    .md-fx-js-self-start {
        justify-self: self-start
    }

    .md-fx-js-self-end {
        justify-self: self-end
    }

    .md-fx-js-left {
        justify-self: left
    }

    .md-fx-js-right {
        justify-self: right
    }
}

@media screen and (max-width:767px) {
    .sm-fx {
        display: flex
    }

    .sm-fx-0 {
        flex: 0 !important
    }

    .sm-fx-1 {
        flex: 1
    }

    .sm-fx-extend {
        flex: auto
    }

    .sm-fx-column-reverse {
        flex-direction: column-reverse;
        display: flex
    }

    .sm-fx-row {
        flex-direction: row;
        display: flex
    }

    .sm-fx-row-reverse {
        flex-direction: row-reverse;
        display: flex
    }

    .sm-fx-column {
        flex-direction: column;
        display: flex
    }

    .sm-fx-center {
        justify-content: center;
        align-items: center
    }

    .sm-fx-center-between {
        justify-content: space-between;
        align-items: center
    }

    .sm-fx-wrap-wrap {
        flex-wrap: wrap
    }

    .sm-fx-wrap-nowrap {
        flex-wrap: nowrap
    }

    .sm-fx-wrap-revert {
        flex-wrap: revert
    }

    .sm-fx-wrap-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .sm-fx-ac-center {
        align-content: center
    }

    .sm-fx-ac-start {
        align-content: start
    }

    .sm-fx-ac-end {
        align-content: end
    }

    .sm-fx-ac-flex-start {
        align-content: flex-start
    }

    .sm-fx-ac-flex-end {
        align-content: flex-end
    }

    .sm-fx-ac-baseline {
        align-content: baseline
    }

    .sm-fx-ac-space-between {
        align-content: space-between
    }

    .sm-fx-ac-space-around {
        align-content: space-around
    }

    .sm-fx-ac-space-evenly {
        align-content: space-evenly
    }

    .sm-fx-ac-stretch {
        align-content: stretch
    }

    .sm-fx-ai-normal {
        align-items: normal
    }

    .sm-fx-ai-stretch {
        align-items: stretch
    }

    .sm-fx-ai-center {
        align-items: center
    }

    .sm-fx-ai-start {
        align-items: start
    }

    .sm-fx-ai-end {
        align-items: end
    }

    .sm-fx-ai-flex-start {
        align-items: flex-start
    }

    .sm-fx-ai-flex-end {
        align-items: flex-end
    }

    .sm-fx-ai-baseline {
        align-items: baseline
    }

    .sm-fx-as-auto {
        align-self: auto
    }

    .sm-fx-as-normal {
        align-self: normal
    }

    .sm-fx-as-center {
        align-self: center
    }

    .sm-fx-as-start {
        align-self: start
    }

    .sm-fx-as-end {
        align-self: end
    }

    .sm-fx-as-self-start {
        align-self: self-start
    }

    .sm-fx-as-self-end {
        align-self: self-end
    }

    .sm-fx-as-flex-start {
        align-self: flex-start
    }

    .sm-fx-as-flex-end {
        align-self: flex-end
    }

    .sm-fx-as-baseline {
        align-self: baseline
    }

    .sm-fx-as-stretch {
        align-self: stretch
    }

    .sm-fx-jc-center {
        justify-content: center !important
    }

    .sm-fx-jc-start {
        justify-content: start !important
    }

    .sm-fx-jc-end {
        justify-content: end !important
    }

    .sm-fx-jc-flex-start {
        justify-content: flex-start !important
    }

    .sm-fx-jc-flex-end {
        justify-content: flex-end !important
    }

    .sm-fx-jc-left {
        justify-content: left !important
    }

    .sm-fx-jc-right {
        justify-content: right !important
    }

    .sm-fx-jc-normal {
        justify-content: normal !important
    }

    .sm-fx-jc-space-between {
        justify-content: space-between !important
    }

    .sm-fx-jc-space-around {
        justify-content: space-around !important
    }

    .sm-fx-jc-space-evenly {
        justify-content: space-evenly !important
    }

    .sm-fx-jc-stretch {
        justify-content: stretch !important
    }

    .sm-fx-ji-auto {
        justify-items: auto
    }

    .sm-fx-ji-normal {
        justify-items: normal
    }

    .sm-fx-ji-stretch {
        justify-items: stretch
    }

    .sm-fx-ji-center {
        justify-items: center
    }

    .sm-fx-ji-start {
        justify-items: start
    }

    .sm-fx-ji-end {
        justify-items: end
    }

    .sm-fx-ji-flex-start {
        justify-items: flex-start
    }

    .sm-fx-ji-flex-end {
        justify-items: flex-end
    }

    .sm-fx-ji-self-start {
        justify-items: self-start
    }

    .sm-fx-ji-self-end {
        justify-items: self-end
    }

    .sm-fx-ji-left {
        justify-items: left
    }

    .sm-fx-ji-right {
        justify-items: right
    }

    .sm-fx-js-auto {
        justify-self: auto
    }

    .sm-fx-js-normal {
        justify-self: normal
    }

    .sm-fx-js-stretch {
        justify-self: stretch
    }

    .sm-fx-js-center {
        justify-self: center
    }

    .sm-fx-js-start {
        justify-self: start
    }

    .sm-fx-js-end {
        justify-self: end
    }

    .sm-fx-js-flex-start {
        justify-self: flex-start
    }

    .sm-fx-js-flex-end {
        justify-self: flex-end
    }

    .sm-fx-js-self-start {
        justify-self: self-start
    }

    .sm-fx-js-self-end {
        justify-self: self-end
    }

    .sm-fx-js-left {
        justify-self: left
    }

    .sm-fx-js-right {
        justify-self: right
    }
}

.i-fx {
    display: inline-flex
}

.shrink-0 {
    flex-shrink: 0
}

.fx-1-last-child>:last-child {
    flex: 1
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(/fonts/HarmonyOS_Sans_Bold_Italic.woff2)format("woff2"), url(/fonts/HarmonyOS_Sans_Bold_Italic.woff)format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(fonts/HarmonyOS_Sans_Light.woff2)format("woff2"), url(fonts/HarmonyOS_Sans_Light.woff)format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(fonts/HarmonyOS_Sans_Medium.woff2)format("woff2"), url(fonts/HarmonyOS_Sans_Medium.woff)format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Black.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Black.woff)format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Light_Italic.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Light_Italic.woff)format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Medium_Italic.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Medium_Italic.woff)format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Bold.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Bold.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Black_Italic.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Black_Italic.woff)format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Thin_Italic.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Thin_Italic.woff)format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Thin.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Thin.woff)format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(../fonts/HarmonyOS_Sans_Italic.woff2)format("woff2"), url(../fonts/HarmonyOS_Sans_Italic.woff)format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Sentient;
    src: url(../fonts/Sentient-Italic.woff2)format("woff2"), url(../fonts/Sentient-Italic.woff)format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

.font-primary,
.font-harmony-sans,
.font-inter,
.font-montserrat,
.font-roboto {
    font-family: HarmonyOS Sans, sans-serif !important
}

.font-sentient {
    font-family: Sentient, sans-serif !important
}

.font-inherit-all * {
    font-family: inherit
}

.pointer {
    cursor: pointer
}

.not-allow,
.not-allowed {
    cursor: not-allowed
}

.cursor-help {
    cursor: help
}

.aboveline {
    box-shadow: inset 0 1px #313234bf
}

.underline {
    box-shadow: inset 0 -1px #313234bf
}

.leftline {
    box-shadow: inset 1px 0 #313234bf
}

.rightline {
    box-shadow: inset -1px 0 #313234bf
}

.shadow-1 {
    box-shadow: 0 0 4px #00000040
}

.shadow-4 {
    box-shadow: 0 0 4px #000
}

.shadow-md {
    box-shadow: 0 24px 48px -8px #21262b0f, 0 2px 4px #21262b1f
}

.shadow-sm {
    box-shadow: 0 16px 32px -4px #21262b0a, 0 2px 4px #21262b14
}

.h-small {
    height: 24px
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.top-0 {
    top: 0
}

.left-full {
    left: 100%
}

.right-full {
    right: 100%
}

.bottom-full {
    bottom: 100%
}

.top-full {
    top: 100%
}

.w-100 {
    width: 100px
}

.w-200 {
    width: 200px
}

.w-full,
.w-100-p {
    width: 100%
}

.w-full-i,
.w-100-p-i {
    width: 100% !important
}

.w-fit-content {
    width: fit-content
}

.w-max-content {
    width: max-content
}

.w-min-content {
    width: min-content
}

.min-w-0 {
    min-width: 0
}

.min-w-full {
    min-width: 100%
}

.min-w-max-content {
    min-width: max-content
}

.h-fit-content {
    height: fit-content
}

.h-max-content {
    height: max-content
}

.h-min-content {
    height: min-content
}

.h-100 {
    height: 100px
}

.h-full,
.h-100-p {
    height: 100%
}

.wp-no-wrap {
    white-space: nowrap !important
}

.wp-pre-wrap {
    white-space: pre-wrap !important
}

.txt-ellipsis {
    text-overflow: ellipsis
}

.overflow-hidden {
    overflow: hidden
}

.inline-block {
    display: inline-block
}

.absolute,
.position-absolute {
    position: absolute
}

.relative,
.position-relative {
    position: relative
}

.relative-i {
    position: relative !important
}

.sticky,
.position-sticky {
    position: sticky !important
}

.sticky-bottom {
    position: sticky;
    bottom: 0
}

.d-inline {
    display: inline
}

.d-iblock {
    display: inline-block
}

.v-hidden {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto
}

.overflow-auto-i {
    overflow: auto !important
}

.overflow-x-auto {
    overflow-x: auto
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.hide-scrollbar-y::-webkit-scrollbar {
    width: 0
}

.text-ellipsis,
.oneline-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.twoline-text {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.threeline-text {
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.absolute-full {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.z-0 {
    z-index: 0
}

.z-0-i {
    z-index: 0 !important
}

.z-1 {
    z-index: 1
}

.z-9999 {
    z-index: 9999
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.object-fit-contain {
    object-fit: contain
}

.object-fit-cover {
    object-fit: cover
}

.object-fit-fill {
    object-fit: fill
}

.image-cover {
    object-fit: cover;
    object-position: center
}

.container {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:1024px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width:1440px) {
    .container {
        padding-left: 120px;
        padding-right: 120px
    }
}

.mw-1200 {
    width: 100%;
    max-width: 1200px
}

.mw-1440 {
    width: 100%;
    max-width: 1440px
}

.mw-1600 {
    width: 100%;
    max-width: 1600px
}

.mw-2000 {
    width: 100%;
    max-width: 2000px
}

.break-all {
    word-break: break-all
}

.break-word {
    word-break: break-word
}

.txt-highlight-linear {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(95deg, #00c2ff 20%, #006ff2 40%);
    -webkit-background-clip: text;
    background-clip: text
}

.txt-highlight-green {
    -webkit-text-fill-color: #0000;
    background: linear-gradient(88deg, #7aff80 0%, #00f5d8 100%);
    -webkit-background-clip: text;
    background-clip: text
}

.d-none {
    display: none !important
}

.d-block-i {
    display: block !important
}

.vertical-align-middle {
    vertical-align: middle
}

@media screen and (max-width:1023px) {
    .md-d-none {
        display: none !important
    }

    .md-d-block {
        display: block !important
    }

    .md-w-100-p {
        width: 100% !important
    }

    .md-mw-100-p {
        max-width: 100% !important
    }
}

@media screen and (max-width:767px) {
    .sm-d-none {
        display: none !important
    }

    .sm-w-100-p {
        width: 100% !important
    }

    .sm-mw-100-p {
        max-width: 100% !important
    }
}

.hover-border-blue_500:hover {
    border: 1px solid #31d690 !important
}

.hover-red {
    color: #e04778 !important
}

.hover-red:not(:disabled):hover {
    cursor: pointer;
    color: #e8759a !important
}

.hover-black {
    color: #191c20 !important
}

.hover-black:not(:disabled):hover {
    cursor: pointer;
    color: #2b2f3b !important
}

.hover-green {
    color: #3fd1a3 !important
}

.hover-green:not(:disabled):hover {
    cursor: pointer;
    color: #6fddba !important
}

.hover-yellow {
    color: #ffaf26 !important
}

.hover-yellow:not(:disabled):hover {
    cursor: pointer;
    color: #ffb46e !important
}

.hover-txt-slate-blue:hover {
    color: #5865f2 !important
}

.hover-txt-underline {
    text-decoration: none
}

.hover-txt-underline:hover {
    text-decoration: underline;
    text-decoration-thickness: .5px
}

.hover-brand,
a.hover-brand {
    cursor: pointer;
    color: var(--theme-brand)
}

.hover-brand:not(:disabled):hover,
a.hover-brand:not(:disabled):hover {
    color: var(--theme-brand-hover)
}

.hover-primary,
a.hover-primary {
    cursor: pointer;
    color: var(--theme-text-secondary)
}

.hover-primary:not(:disabled):hover,
a.hover-primary:not(:disabled):hover {
    color: var(--theme-text-primary)
}

.hover-secondary {
    cursor: pointer;
    color: var(--theme-text-02)
}

.hover-secondary:not(:disabled):hover {
    color: var(--theme-text-01)
}

.hover-button-primary {
    cursor: pointer;
    color: var(--theme-button-primary)
}

.hover-button-primary:not(:disabled):hover {
    color: var(--theme-button-primary-hover)
}

.hover-button-primary-i {
    cursor: pointer;
    color: var(--theme-button-primary) !important
}

.hover-button-primary-i:not(:disabled):hover {
    color: var(--theme-button-primary-hover) !important
}

.hover-txt-help:not(:disabled):hover {
    text-underline-position: under;
    cursor: help;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-decoration-thickness: .25px
}

.notification-banner-wrapper+.notification-banner-wrapper {
    padding-top: 4px !important
}

.card {
    background-color: #202123;
    gap: 8px;
    padding: 16px
}

.card:first-child {
    border-radius: 16px 16px 0 0
}

.complycube-sdk-ui-Theme-portal {
    z-index: 10000;
    position: relative
}

.grecaptcha-badge {
    visibility: collapse !important
}

.recharts-wrapper :focus:not(:focus-visible) {
    outline: none !important
}

[class*=PostHogSurvey-] {
    z-index: 9999;
    height: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(-16px, -16px);
    --ph-survey-z-index: 9999 !important;
    --ph-widget-z-index: 9999 !important
}

.round-full {
    border-radius: 50%
}

.row-gap-0 {
    row-gap: 0 !important
}

.gap-auto {
    gap: auto !important
}

.round-auto {
    border-radius: auto
}

.round-auto-i {
    border-radius: auto !important
}

.p-auto {
    padding: auto !important
}

.px-auto {
    padding-left: auto !important;
    padding-right: auto !important
}

.py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important
}

.pt-auto {
    padding-top: auto !important
}

.pr-auto {
    padding-right: auto !important
}

.pb-auto {
    padding-bottom: auto !important
}

.pl-auto {
    padding-left: auto !important
}

.m-auto {
    margin: auto !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.b-auto {
    bottom: auto !important
}

.gap-0 {
    gap: 0 !important
}

.round-0 {
    border-radius: 0
}

.round-0-i {
    border-radius: 0 !important
}

.p-0 {
    padding: 0 !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.m-0 {
    margin: 0 !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.b-0 {
    bottom: 0 !important
}

.gap-0\.5 {
    gap: 2px !important
}

.round-0\.5 {
    border-radius: 2px
}

.round-0\.5-i {
    border-radius: 2px !important
}

.p-0\.5 {
    padding: 2px !important
}

.px-0\.5 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.py-0\.5 {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.pt-0\.5 {
    padding-top: 2px !important
}

.pr-0\.5 {
    padding-right: 2px !important
}

.pb-0\.5 {
    padding-bottom: 2px !important
}

.pl-0\.5 {
    padding-left: 2px !important
}

.m-0\.5 {
    margin: 2px !important
}

.mx-0\.5 {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.my-0\.5 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.mt-0\.5 {
    margin-top: 2px !important
}

.mr-0\.5 {
    margin-right: 2px !important
}

.mb-0\.5 {
    margin-bottom: 2px !important
}

.ml-0\.5 {
    margin-left: 2px !important
}

.b-0\.5 {
    bottom: 2px !important
}

.gap-1 {
    gap: 4px !important
}

.round-1 {
    border-radius: 4px
}

.round-1-i {
    border-radius: 4px !important
}

.p-1 {
    padding: 4px !important
}

.px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.pt-1 {
    padding-top: 4px !important
}

.pr-1 {
    padding-right: 4px !important
}

.pb-1 {
    padding-bottom: 4px !important
}

.pl-1 {
    padding-left: 4px !important
}

.m-1 {
    margin: 4px !important
}

.mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.mt-1 {
    margin-top: 4px !important
}

.mr-1 {
    margin-right: 4px !important
}

.mb-1 {
    margin-bottom: 4px !important
}

.ml-1 {
    margin-left: 4px !important
}

.b-1 {
    bottom: 4px !important
}

.gap-2 {
    gap: 8px !important
}

.round-2 {
    border-radius: 8px
}

.round-2-i {
    border-radius: 8px !important
}

.p-2 {
    padding: 8px !important
}

.px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.pt-2 {
    padding-top: 8px !important
}

.pr-2 {
    padding-right: 8px !important
}

.pb-2 {
    padding-bottom: 8px !important
}

.pl-2 {
    padding-left: 8px !important
}

.m-2 {
    margin: 8px !important
}

.mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.mt-2 {
    margin-top: 8px !important
}

.mr-2 {
    margin-right: 8px !important
}

.mb-2 {
    margin-bottom: 8px !important
}

.ml-2 {
    margin-left: 8px !important
}

.b-2 {
    bottom: 8px !important
}

.gap-2\.5 {
    gap: 10px !important
}

.round-2\.5 {
    border-radius: 10px
}

.round-2\.5-i {
    border-radius: 10px !important
}

.p-2\.5 {
    padding: 10px !important
}

.px-2\.5 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.py-2\.5 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pt-2\.5 {
    padding-top: 10px !important
}

.pr-2\.5 {
    padding-right: 10px !important
}

.pb-2\.5 {
    padding-bottom: 10px !important
}

.pl-2\.5 {
    padding-left: 10px !important
}

.m-2\.5 {
    margin: 10px !important
}

.mx-2\.5 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.my-2\.5 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mt-2\.5 {
    margin-top: 10px !important
}

.mr-2\.5 {
    margin-right: 10px !important
}

.mb-2\.5 {
    margin-bottom: 10px !important
}

.ml-2\.5 {
    margin-left: 10px !important
}

.b-2\.5 {
    bottom: 10px !important
}

.gap-3 {
    gap: 12px !important
}

.round-3 {
    border-radius: 12px
}

.round-3-i {
    border-radius: 12px !important
}

.p-3 {
    padding: 12px !important
}

.px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.pt-3 {
    padding-top: 12px !important
}

.pr-3 {
    padding-right: 12px !important
}

.pb-3 {
    padding-bottom: 12px !important
}

.pl-3 {
    padding-left: 12px !important
}

.m-3 {
    margin: 12px !important
}

.mx-3 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.mt-3 {
    margin-top: 12px !important
}

.mr-3 {
    margin-right: 12px !important
}

.mb-3 {
    margin-bottom: 12px !important
}

.ml-3 {
    margin-left: 12px !important
}

.b-3 {
    bottom: 12px !important
}

.gap-4 {
    gap: 16px !important
}

.round-4 {
    border-radius: 16px
}

.round-4-i {
    border-radius: 16px !important
}

.p-4 {
    padding: 16px !important
}

.px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.pt-4 {
    padding-top: 16px !important
}

.pr-4 {
    padding-right: 16px !important
}

.pb-4 {
    padding-bottom: 16px !important
}

.pl-4 {
    padding-left: 16px !important
}

.m-4 {
    margin: 16px !important
}

.mx-4 {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.my-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.mt-4 {
    margin-top: 16px !important
}

.mr-4 {
    margin-right: 16px !important
}

.mb-4 {
    margin-bottom: 16px !important
}

.ml-4 {
    margin-left: 16px !important
}

.b-4 {
    bottom: 16px !important
}

.gap-5 {
    gap: 20px !important
}

.round-5 {
    border-radius: 20px
}

.round-5-i {
    border-radius: 20px !important
}

.p-5 {
    padding: 20px !important
}

.px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pt-5 {
    padding-top: 20px !important
}

.pr-5 {
    padding-right: 20px !important
}

.pb-5 {
    padding-bottom: 20px !important
}

.pl-5 {
    padding-left: 20px !important
}

.m-5 {
    margin: 20px !important
}

.mx-5 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mt-5 {
    margin-top: 20px !important
}

.mr-5 {
    margin-right: 20px !important
}

.mb-5 {
    margin-bottom: 20px !important
}

.ml-5 {
    margin-left: 20px !important
}

.b-5 {
    bottom: 20px !important
}

.gap-6 {
    gap: 24px !important
}

.round-6 {
    border-radius: 24px
}

.round-6-i {
    border-radius: 24px !important
}

.p-6 {
    padding: 24px !important
}

.px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.pt-6 {
    padding-top: 24px !important
}

.pr-6 {
    padding-right: 24px !important
}

.pb-6 {
    padding-bottom: 24px !important
}

.pl-6 {
    padding-left: 24px !important
}

.m-6 {
    margin: 24px !important
}

.mx-6 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.my-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.mt-6 {
    margin-top: 24px !important
}

.mr-6 {
    margin-right: 24px !important
}

.mb-6 {
    margin-bottom: 24px !important
}

.ml-6 {
    margin-left: 24px !important
}

.b-6 {
    bottom: 24px !important
}

.gap-7 {
    gap: 28px !important
}

.round-7 {
    border-radius: 28px
}

.round-7-i {
    border-radius: 28px !important
}

.p-7 {
    padding: 28px !important
}

.px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.pt-7 {
    padding-top: 28px !important
}

.pr-7 {
    padding-right: 28px !important
}

.pb-7 {
    padding-bottom: 28px !important
}

.pl-7 {
    padding-left: 28px !important
}

.m-7 {
    margin: 28px !important
}

.mx-7 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

.my-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

.mt-7 {
    margin-top: 28px !important
}

.mr-7 {
    margin-right: 28px !important
}

.mb-7 {
    margin-bottom: 28px !important
}

.ml-7 {
    margin-left: 28px !important
}

.b-7 {
    bottom: 28px !important
}

.gap-8 {
    gap: 32px !important
}

.round-8 {
    border-radius: 32px
}

.round-8-i {
    border-radius: 32px !important
}

.p-8 {
    padding: 32px !important
}

.px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.pt-8 {
    padding-top: 32px !important
}

.pr-8 {
    padding-right: 32px !important
}

.pb-8 {
    padding-bottom: 32px !important
}

.pl-8 {
    padding-left: 32px !important
}

.m-8 {
    margin: 32px !important
}

.mx-8 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.my-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.mt-8 {
    margin-top: 32px !important
}

.mr-8 {
    margin-right: 32px !important
}

.mb-8 {
    margin-bottom: 32px !important
}

.ml-8 {
    margin-left: 32px !important
}

.b-8 {
    bottom: 32px !important
}

.gap-9 {
    gap: 36px !important
}

.round-9 {
    border-radius: 36px
}

.round-9-i {
    border-radius: 36px !important
}

.p-9 {
    padding: 36px !important
}

.px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.py-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.pt-9 {
    padding-top: 36px !important
}

.pr-9 {
    padding-right: 36px !important
}

.pb-9 {
    padding-bottom: 36px !important
}

.pl-9 {
    padding-left: 36px !important
}

.m-9 {
    margin: 36px !important
}

.mx-9 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

.mt-9 {
    margin-top: 36px !important
}

.mr-9 {
    margin-right: 36px !important
}

.mb-9 {
    margin-bottom: 36px !important
}

.ml-9 {
    margin-left: 36px !important
}

.b-9 {
    bottom: 36px !important
}

.gap-10 {
    gap: 40px !important
}

.round-10 {
    border-radius: 40px
}

.round-10-i {
    border-radius: 40px !important
}

.p-10 {
    padding: 40px !important
}

.px-10 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.py-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.pt-10 {
    padding-top: 40px !important
}

.pr-10 {
    padding-right: 40px !important
}

.pb-10 {
    padding-bottom: 40px !important
}

.pl-10 {
    padding-left: 40px !important
}

.m-10 {
    margin: 40px !important
}

.mx-10 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.my-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mt-10 {
    margin-top: 40px !important
}

.mr-10 {
    margin-right: 40px !important
}

.mb-10 {
    margin-bottom: 40px !important
}

.ml-10 {
    margin-left: 40px !important
}

.b-10 {
    bottom: 40px !important
}

.gap-12 {
    gap: 48px !important
}

.round-12 {
    border-radius: 48px
}

.round-12-i {
    border-radius: 48px !important
}

.p-12 {
    padding: 48px !important
}

.px-12 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.py-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.pt-12 {
    padding-top: 48px !important
}

.pr-12 {
    padding-right: 48px !important
}

.pb-12 {
    padding-bottom: 48px !important
}

.pl-12 {
    padding-left: 48px !important
}

.m-12 {
    margin: 48px !important
}

.mx-12 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.my-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.mt-12 {
    margin-top: 48px !important
}

.mr-12 {
    margin-right: 48px !important
}

.mb-12 {
    margin-bottom: 48px !important
}

.ml-12 {
    margin-left: 48px !important
}

.b-12 {
    bottom: 48px !important
}

.gap-15 {
    gap: 60px !important
}

.round-15 {
    border-radius: 60px
}

.round-15-i {
    border-radius: 60px !important
}

.p-15 {
    padding: 60px !important
}

.px-15 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.py-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.pt-15 {
    padding-top: 60px !important
}

.pr-15 {
    padding-right: 60px !important
}

.pb-15 {
    padding-bottom: 60px !important
}

.pl-15 {
    padding-left: 60px !important
}

.m-15 {
    margin: 60px !important
}

.mx-15 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.my-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.mt-15 {
    margin-top: 60px !important
}

.mr-15 {
    margin-right: 60px !important
}

.mb-15 {
    margin-bottom: 60px !important
}

.ml-15 {
    margin-left: 60px !important
}

.b-15 {
    bottom: 60px !important
}

.gap-16 {
    gap: 64px !important
}

.round-16 {
    border-radius: 64px
}

.round-16-i {
    border-radius: 64px !important
}

.p-16 {
    padding: 64px !important
}

.px-16 {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.py-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.pt-16 {
    padding-top: 64px !important
}

.pr-16 {
    padding-right: 64px !important
}

.pb-16 {
    padding-bottom: 64px !important
}

.pl-16 {
    padding-left: 64px !important
}

.m-16 {
    margin: 64px !important
}

.mx-16 {
    margin-left: 64px !important;
    margin-right: 64px !important
}

.my-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important
}

.mt-16 {
    margin-top: 64px !important
}

.mr-16 {
    margin-right: 64px !important
}

.mb-16 {
    margin-bottom: 64px !important
}

.ml-16 {
    margin-left: 64px !important
}

.b-16 {
    bottom: 64px !important
}

.gap-20 {
    gap: 80px !important
}

.round-20 {
    border-radius: 80px
}

.round-20-i {
    border-radius: 80px !important
}

.p-20 {
    padding: 80px !important
}

.px-20 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.py-20 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pt-20 {
    padding-top: 80px !important
}

.pr-20 {
    padding-right: 80px !important
}

.pb-20 {
    padding-bottom: 80px !important
}

.pl-20 {
    padding-left: 80px !important
}

.m-20 {
    margin: 80px !important
}

.mx-20 {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.my-20 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.mt-20 {
    margin-top: 80px !important
}

.mr-20 {
    margin-right: 80px !important
}

.mb-20 {
    margin-bottom: 80px !important
}

.ml-20 {
    margin-left: 80px !important
}

.b-20 {
    bottom: 80px !important
}

.gap-24 {
    gap: 96px !important
}

.round-24 {
    border-radius: 96px
}

.round-24-i {
    border-radius: 96px !important
}

.p-24 {
    padding: 96px !important
}

.px-24 {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.py-24 {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.pt-24 {
    padding-top: 96px !important
}

.pr-24 {
    padding-right: 96px !important
}

.pb-24 {
    padding-bottom: 96px !important
}

.pl-24 {
    padding-left: 96px !important
}

.m-24 {
    margin: 96px !important
}

.mx-24 {
    margin-left: 96px !important;
    margin-right: 96px !important
}

.my-24 {
    margin-top: 96px !important;
    margin-bottom: 96px !important
}

.mt-24 {
    margin-top: 96px !important
}

.mr-24 {
    margin-right: 96px !important
}

.mb-24 {
    margin-bottom: 96px !important
}

.ml-24 {
    margin-left: 96px !important
}

.b-24 {
    bottom: 96px !important
}

.gap-25 {
    gap: 100px !important
}

.round-25 {
    border-radius: 100px
}

.round-25-i {
    border-radius: 100px !important
}

.p-25 {
    padding: 100px !important
}

.px-25 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.py-25 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.pt-25 {
    padding-top: 100px !important
}

.pr-25 {
    padding-right: 100px !important
}

.pb-25 {
    padding-bottom: 100px !important
}

.pl-25 {
    padding-left: 100px !important
}

.m-25 {
    margin: 100px !important
}

.mx-25 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.my-25 {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.mt-25 {
    margin-top: 100px !important
}

.mr-25 {
    margin-right: 100px !important
}

.mb-25 {
    margin-bottom: 100px !important
}

.ml-25 {
    margin-left: 100px !important
}

.b-25 {
    bottom: 100px !important
}

.gap-30 {
    gap: 120px !important
}

.round-30 {
    border-radius: 120px
}

.round-30-i {
    border-radius: 120px !important
}

.p-30 {
    padding: 120px !important
}

.px-30 {
    padding-left: 120px !important;
    padding-right: 120px !important
}

.py-30 {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.pt-30 {
    padding-top: 120px !important
}

.pr-30 {
    padding-right: 120px !important
}

.pb-30 {
    padding-bottom: 120px !important
}

.pl-30 {
    padding-left: 120px !important
}

.m-30 {
    margin: 120px !important
}

.mx-30 {
    margin-left: 120px !important;
    margin-right: 120px !important
}

.my-30 {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.mt-30 {
    margin-top: 120px !important
}

.mr-30 {
    margin-right: 120px !important
}

.mb-30 {
    margin-bottom: 120px !important
}

.ml-30 {
    margin-left: 120px !important
}

.b-30 {
    bottom: 120px !important
}

@media screen and (max-width:1023px) {
    .md-gap-auto {
        gap: auto !important
    }

    .md-round-auto {
        border-radius: auto
    }

    .md-round-auto-i {
        border-radius: auto !important
    }

    .md-p-auto {
        padding: auto !important
    }

    .md-px-auto {
        padding-left: auto !important;
        padding-right: auto !important
    }

    .md-py-auto {
        padding-top: auto !important;
        padding-bottom: auto !important
    }

    .md-pt-auto {
        padding-top: auto !important
    }

    .md-pr-auto {
        padding-right: auto !important
    }

    .md-pb-auto {
        padding-bottom: auto !important
    }

    .md-pl-auto {
        padding-left: auto !important
    }

    .md-m-auto {
        margin: auto !important
    }

    .md-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .md-my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .md-mt-auto {
        margin-top: auto !important
    }

    .md-mr-auto {
        margin-right: auto !important
    }

    .md-mb-auto {
        margin-bottom: auto !important
    }

    .md-ml-auto {
        margin-left: auto !important
    }

    .md-b-auto {
        bottom: auto !important
    }

    .md-gap-0 {
        gap: 0 !important
    }

    .md-round-0 {
        border-radius: 0
    }

    .md-round-0-i {
        border-radius: 0 !important
    }

    .md-p-0 {
        padding: 0 !important
    }

    .md-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .md-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .md-pt-0 {
        padding-top: 0 !important
    }

    .md-pr-0 {
        padding-right: 0 !important
    }

    .md-pb-0 {
        padding-bottom: 0 !important
    }

    .md-pl-0 {
        padding-left: 0 !important
    }

    .md-m-0 {
        margin: 0 !important
    }

    .md-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .md-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .md-mt-0 {
        margin-top: 0 !important
    }

    .md-mr-0 {
        margin-right: 0 !important
    }

    .md-mb-0 {
        margin-bottom: 0 !important
    }

    .md-ml-0 {
        margin-left: 0 !important
    }

    .md-b-0 {
        bottom: 0 !important
    }

    .md-gap-0\.5 {
        gap: 2px !important
    }

    .md-round-0\.5 {
        border-radius: 2px
    }

    .md-round-0\.5-i {
        border-radius: 2px !important
    }

    .md-p-0\.5 {
        padding: 2px !important
    }

    .md-px-0\.5 {
        padding-left: 2px !important;
        padding-right: 2px !important
    }

    .md-py-0\.5 {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .md-pt-0\.5 {
        padding-top: 2px !important
    }

    .md-pr-0\.5 {
        padding-right: 2px !important
    }

    .md-pb-0\.5 {
        padding-bottom: 2px !important
    }

    .md-pl-0\.5 {
        padding-left: 2px !important
    }

    .md-m-0\.5 {
        margin: 2px !important
    }

    .md-mx-0\.5 {
        margin-left: 2px !important;
        margin-right: 2px !important
    }

    .md-my-0\.5 {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }

    .md-mt-0\.5 {
        margin-top: 2px !important
    }

    .md-mr-0\.5 {
        margin-right: 2px !important
    }

    .md-mb-0\.5 {
        margin-bottom: 2px !important
    }

    .md-ml-0\.5 {
        margin-left: 2px !important
    }

    .md-b-0\.5 {
        bottom: 2px !important
    }

    .md-gap-1 {
        gap: 4px !important
    }

    .md-round-1 {
        border-radius: 4px
    }

    .md-round-1-i {
        border-radius: 4px !important
    }

    .md-p-1 {
        padding: 4px !important
    }

    .md-px-1 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .md-py-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .md-pt-1 {
        padding-top: 4px !important
    }

    .md-pr-1 {
        padding-right: 4px !important
    }

    .md-pb-1 {
        padding-bottom: 4px !important
    }

    .md-pl-1 {
        padding-left: 4px !important
    }

    .md-m-1 {
        margin: 4px !important
    }

    .md-mx-1 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .md-my-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .md-mt-1 {
        margin-top: 4px !important
    }

    .md-mr-1 {
        margin-right: 4px !important
    }

    .md-mb-1 {
        margin-bottom: 4px !important
    }

    .md-ml-1 {
        margin-left: 4px !important
    }

    .md-b-1 {
        bottom: 4px !important
    }

    .md-gap-2 {
        gap: 8px !important
    }

    .md-round-2 {
        border-radius: 8px
    }

    .md-round-2-i {
        border-radius: 8px !important
    }

    .md-p-2 {
        padding: 8px !important
    }

    .md-px-2 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .md-py-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .md-pt-2 {
        padding-top: 8px !important
    }

    .md-pr-2 {
        padding-right: 8px !important
    }

    .md-pb-2 {
        padding-bottom: 8px !important
    }

    .md-pl-2 {
        padding-left: 8px !important
    }

    .md-m-2 {
        margin: 8px !important
    }

    .md-mx-2 {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .md-my-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .md-mt-2 {
        margin-top: 8px !important
    }

    .md-mr-2 {
        margin-right: 8px !important
    }

    .md-mb-2 {
        margin-bottom: 8px !important
    }

    .md-ml-2 {
        margin-left: 8px !important
    }

    .md-b-2 {
        bottom: 8px !important
    }

    .md-gap-2\.5 {
        gap: 10px !important
    }

    .md-round-2\.5 {
        border-radius: 10px
    }

    .md-round-2\.5-i {
        border-radius: 10px !important
    }

    .md-p-2\.5 {
        padding: 10px !important
    }

    .md-px-2\.5 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .md-py-2\.5 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .md-pt-2\.5 {
        padding-top: 10px !important
    }

    .md-pr-2\.5 {
        padding-right: 10px !important
    }

    .md-pb-2\.5 {
        padding-bottom: 10px !important
    }

    .md-pl-2\.5 {
        padding-left: 10px !important
    }

    .md-m-2\.5 {
        margin: 10px !important
    }

    .md-mx-2\.5 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .md-my-2\.5 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .md-mt-2\.5 {
        margin-top: 10px !important
    }

    .md-mr-2\.5 {
        margin-right: 10px !important
    }

    .md-mb-2\.5 {
        margin-bottom: 10px !important
    }

    .md-ml-2\.5 {
        margin-left: 10px !important
    }

    .md-b-2\.5 {
        bottom: 10px !important
    }

    .md-gap-3 {
        gap: 12px !important
    }

    .md-round-3 {
        border-radius: 12px
    }

    .md-round-3-i {
        border-radius: 12px !important
    }

    .md-p-3 {
        padding: 12px !important
    }

    .md-px-3 {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .md-py-3 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    .md-pt-3 {
        padding-top: 12px !important
    }

    .md-pr-3 {
        padding-right: 12px !important
    }

    .md-pb-3 {
        padding-bottom: 12px !important
    }

    .md-pl-3 {
        padding-left: 12px !important
    }

    .md-m-3 {
        margin: 12px !important
    }

    .md-mx-3 {
        margin-left: 12px !important;
        margin-right: 12px !important
    }

    .md-my-3 {
        margin-top: 12px !important;
        margin-bottom: 12px !important
    }

    .md-mt-3 {
        margin-top: 12px !important
    }

    .md-mr-3 {
        margin-right: 12px !important
    }

    .md-mb-3 {
        margin-bottom: 12px !important
    }

    .md-ml-3 {
        margin-left: 12px !important
    }

    .md-b-3 {
        bottom: 12px !important
    }

    .md-gap-4 {
        gap: 16px !important
    }

    .md-round-4 {
        border-radius: 16px
    }

    .md-round-4-i {
        border-radius: 16px !important
    }

    .md-p-4 {
        padding: 16px !important
    }

    .md-px-4 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    .md-py-4 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .md-pt-4 {
        padding-top: 16px !important
    }

    .md-pr-4 {
        padding-right: 16px !important
    }

    .md-pb-4 {
        padding-bottom: 16px !important
    }

    .md-pl-4 {
        padding-left: 16px !important
    }

    .md-m-4 {
        margin: 16px !important
    }

    .md-mx-4 {
        margin-left: 16px !important;
        margin-right: 16px !important
    }

    .md-my-4 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .md-mt-4 {
        margin-top: 16px !important
    }

    .md-mr-4 {
        margin-right: 16px !important
    }

    .md-mb-4 {
        margin-bottom: 16px !important
    }

    .md-ml-4 {
        margin-left: 16px !important
    }

    .md-b-4 {
        bottom: 16px !important
    }

    .md-gap-5 {
        gap: 20px !important
    }

    .md-round-5 {
        border-radius: 20px
    }

    .md-round-5-i {
        border-radius: 20px !important
    }

    .md-p-5 {
        padding: 20px !important
    }

    .md-px-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .md-py-5 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .md-pt-5 {
        padding-top: 20px !important
    }

    .md-pr-5 {
        padding-right: 20px !important
    }

    .md-pb-5 {
        padding-bottom: 20px !important
    }

    .md-pl-5 {
        padding-left: 20px !important
    }

    .md-m-5 {
        margin: 20px !important
    }

    .md-mx-5 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .md-my-5 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .md-mt-5 {
        margin-top: 20px !important
    }

    .md-mr-5 {
        margin-right: 20px !important
    }

    .md-mb-5 {
        margin-bottom: 20px !important
    }

    .md-ml-5 {
        margin-left: 20px !important
    }

    .md-b-5 {
        bottom: 20px !important
    }

    .md-gap-6 {
        gap: 24px !important
    }

    .md-round-6 {
        border-radius: 24px
    }

    .md-round-6-i {
        border-radius: 24px !important
    }

    .md-p-6 {
        padding: 24px !important
    }

    .md-px-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .md-py-6 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .md-pt-6 {
        padding-top: 24px !important
    }

    .md-pr-6 {
        padding-right: 24px !important
    }

    .md-pb-6 {
        padding-bottom: 24px !important
    }

    .md-pl-6 {
        padding-left: 24px !important
    }

    .md-m-6 {
        margin: 24px !important
    }

    .md-mx-6 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .md-my-6 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .md-mt-6 {
        margin-top: 24px !important
    }

    .md-mr-6 {
        margin-right: 24px !important
    }

    .md-mb-6 {
        margin-bottom: 24px !important
    }

    .md-ml-6 {
        margin-left: 24px !important
    }

    .md-b-6 {
        bottom: 24px !important
    }

    .md-gap-7 {
        gap: 28px !important
    }

    .md-round-7 {
        border-radius: 28px
    }

    .md-round-7-i {
        border-radius: 28px !important
    }

    .md-p-7 {
        padding: 28px !important
    }

    .md-px-7 {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .md-py-7 {
        padding-top: 28px !important;
        padding-bottom: 28px !important
    }

    .md-pt-7 {
        padding-top: 28px !important
    }

    .md-pr-7 {
        padding-right: 28px !important
    }

    .md-pb-7 {
        padding-bottom: 28px !important
    }

    .md-pl-7 {
        padding-left: 28px !important
    }

    .md-m-7 {
        margin: 28px !important
    }

    .md-mx-7 {
        margin-left: 28px !important;
        margin-right: 28px !important
    }

    .md-my-7 {
        margin-top: 28px !important;
        margin-bottom: 28px !important
    }

    .md-mt-7 {
        margin-top: 28px !important
    }

    .md-mr-7 {
        margin-right: 28px !important
    }

    .md-mb-7 {
        margin-bottom: 28px !important
    }

    .md-ml-7 {
        margin-left: 28px !important
    }

    .md-b-7 {
        bottom: 28px !important
    }

    .md-gap-8 {
        gap: 32px !important
    }

    .md-round-8 {
        border-radius: 32px
    }

    .md-round-8-i {
        border-radius: 32px !important
    }

    .md-p-8 {
        padding: 32px !important
    }

    .md-px-8 {
        padding-left: 32px !important;
        padding-right: 32px !important
    }

    .md-py-8 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .md-pt-8 {
        padding-top: 32px !important
    }

    .md-pr-8 {
        padding-right: 32px !important
    }

    .md-pb-8 {
        padding-bottom: 32px !important
    }

    .md-pl-8 {
        padding-left: 32px !important
    }

    .md-m-8 {
        margin: 32px !important
    }

    .md-mx-8 {
        margin-left: 32px !important;
        margin-right: 32px !important
    }

    .md-my-8 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .md-mt-8 {
        margin-top: 32px !important
    }

    .md-mr-8 {
        margin-right: 32px !important
    }

    .md-mb-8 {
        margin-bottom: 32px !important
    }

    .md-ml-8 {
        margin-left: 32px !important
    }

    .md-b-8 {
        bottom: 32px !important
    }

    .md-gap-9 {
        gap: 36px !important
    }

    .md-round-9 {
        border-radius: 36px
    }

    .md-round-9-i {
        border-radius: 36px !important
    }

    .md-p-9 {
        padding: 36px !important
    }

    .md-px-9 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .md-py-9 {
        padding-top: 36px !important;
        padding-bottom: 36px !important
    }

    .md-pt-9 {
        padding-top: 36px !important
    }

    .md-pr-9 {
        padding-right: 36px !important
    }

    .md-pb-9 {
        padding-bottom: 36px !important
    }

    .md-pl-9 {
        padding-left: 36px !important
    }

    .md-m-9 {
        margin: 36px !important
    }

    .md-mx-9 {
        margin-left: 36px !important;
        margin-right: 36px !important
    }

    .md-my-9 {
        margin-top: 36px !important;
        margin-bottom: 36px !important
    }

    .md-mt-9 {
        margin-top: 36px !important
    }

    .md-mr-9 {
        margin-right: 36px !important
    }

    .md-mb-9 {
        margin-bottom: 36px !important
    }

    .md-ml-9 {
        margin-left: 36px !important
    }

    .md-b-9 {
        bottom: 36px !important
    }

    .md-gap-10 {
        gap: 40px !important
    }

    .md-round-10 {
        border-radius: 40px
    }

    .md-round-10-i {
        border-radius: 40px !important
    }

    .md-p-10 {
        padding: 40px !important
    }

    .md-px-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .md-py-10 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .md-pt-10 {
        padding-top: 40px !important
    }

    .md-pr-10 {
        padding-right: 40px !important
    }

    .md-pb-10 {
        padding-bottom: 40px !important
    }

    .md-pl-10 {
        padding-left: 40px !important
    }

    .md-m-10 {
        margin: 40px !important
    }

    .md-mx-10 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .md-my-10 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .md-mt-10 {
        margin-top: 40px !important
    }

    .md-mr-10 {
        margin-right: 40px !important
    }

    .md-mb-10 {
        margin-bottom: 40px !important
    }

    .md-ml-10 {
        margin-left: 40px !important
    }

    .md-b-10 {
        bottom: 40px !important
    }

    .md-gap-12 {
        gap: 48px !important
    }

    .md-round-12 {
        border-radius: 48px
    }

    .md-round-12-i {
        border-radius: 48px !important
    }

    .md-p-12 {
        padding: 48px !important
    }

    .md-px-12 {
        padding-left: 48px !important;
        padding-right: 48px !important
    }

    .md-py-12 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .md-pt-12 {
        padding-top: 48px !important
    }

    .md-pr-12 {
        padding-right: 48px !important
    }

    .md-pb-12 {
        padding-bottom: 48px !important
    }

    .md-pl-12 {
        padding-left: 48px !important
    }

    .md-m-12 {
        margin: 48px !important
    }

    .md-mx-12 {
        margin-left: 48px !important;
        margin-right: 48px !important
    }

    .md-my-12 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .md-mt-12 {
        margin-top: 48px !important
    }

    .md-mr-12 {
        margin-right: 48px !important
    }

    .md-mb-12 {
        margin-bottom: 48px !important
    }

    .md-ml-12 {
        margin-left: 48px !important
    }

    .md-b-12 {
        bottom: 48px !important
    }

    .md-gap-15 {
        gap: 60px !important
    }

    .md-round-15 {
        border-radius: 60px
    }

    .md-round-15-i {
        border-radius: 60px !important
    }

    .md-p-15 {
        padding: 60px !important
    }

    .md-px-15 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .md-py-15 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .md-pt-15 {
        padding-top: 60px !important
    }

    .md-pr-15 {
        padding-right: 60px !important
    }

    .md-pb-15 {
        padding-bottom: 60px !important
    }

    .md-pl-15 {
        padding-left: 60px !important
    }

    .md-m-15 {
        margin: 60px !important
    }

    .md-mx-15 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .md-my-15 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .md-mt-15 {
        margin-top: 60px !important
    }

    .md-mr-15 {
        margin-right: 60px !important
    }

    .md-mb-15 {
        margin-bottom: 60px !important
    }

    .md-ml-15 {
        margin-left: 60px !important
    }

    .md-b-15 {
        bottom: 60px !important
    }

    .md-gap-16 {
        gap: 64px !important
    }

    .md-round-16 {
        border-radius: 64px
    }

    .md-round-16-i {
        border-radius: 64px !important
    }

    .md-p-16 {
        padding: 64px !important
    }

    .md-px-16 {
        padding-left: 64px !important;
        padding-right: 64px !important
    }

    .md-py-16 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .md-pt-16 {
        padding-top: 64px !important
    }

    .md-pr-16 {
        padding-right: 64px !important
    }

    .md-pb-16 {
        padding-bottom: 64px !important
    }

    .md-pl-16 {
        padding-left: 64px !important
    }

    .md-m-16 {
        margin: 64px !important
    }

    .md-mx-16 {
        margin-left: 64px !important;
        margin-right: 64px !important
    }

    .md-my-16 {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }

    .md-mt-16 {
        margin-top: 64px !important
    }

    .md-mr-16 {
        margin-right: 64px !important
    }

    .md-mb-16 {
        margin-bottom: 64px !important
    }

    .md-ml-16 {
        margin-left: 64px !important
    }

    .md-b-16 {
        bottom: 64px !important
    }

    .md-gap-20 {
        gap: 80px !important
    }

    .md-round-20 {
        border-radius: 80px
    }

    .md-round-20-i {
        border-radius: 80px !important
    }

    .md-p-20 {
        padding: 80px !important
    }

    .md-px-20 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .md-py-20 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .md-pt-20 {
        padding-top: 80px !important
    }

    .md-pr-20 {
        padding-right: 80px !important
    }

    .md-pb-20 {
        padding-bottom: 80px !important
    }

    .md-pl-20 {
        padding-left: 80px !important
    }

    .md-m-20 {
        margin: 80px !important
    }

    .md-mx-20 {
        margin-left: 80px !important;
        margin-right: 80px !important
    }

    .md-my-20 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .md-mt-20 {
        margin-top: 80px !important
    }

    .md-mr-20 {
        margin-right: 80px !important
    }

    .md-mb-20 {
        margin-bottom: 80px !important
    }

    .md-ml-20 {
        margin-left: 80px !important
    }

    .md-b-20 {
        bottom: 80px !important
    }

    .md-gap-24 {
        gap: 96px !important
    }

    .md-round-24 {
        border-radius: 96px
    }

    .md-round-24-i {
        border-radius: 96px !important
    }

    .md-p-24 {
        padding: 96px !important
    }

    .md-px-24 {
        padding-left: 96px !important;
        padding-right: 96px !important
    }

    .md-py-24 {
        padding-top: 96px !important;
        padding-bottom: 96px !important
    }

    .md-pt-24 {
        padding-top: 96px !important
    }

    .md-pr-24 {
        padding-right: 96px !important
    }

    .md-pb-24 {
        padding-bottom: 96px !important
    }

    .md-pl-24 {
        padding-left: 96px !important
    }

    .md-m-24 {
        margin: 96px !important
    }

    .md-mx-24 {
        margin-left: 96px !important;
        margin-right: 96px !important
    }

    .md-my-24 {
        margin-top: 96px !important;
        margin-bottom: 96px !important
    }

    .md-mt-24 {
        margin-top: 96px !important
    }

    .md-mr-24 {
        margin-right: 96px !important
    }

    .md-mb-24 {
        margin-bottom: 96px !important
    }

    .md-ml-24 {
        margin-left: 96px !important
    }

    .md-b-24 {
        bottom: 96px !important
    }

    .md-gap-25 {
        gap: 100px !important
    }

    .md-round-25 {
        border-radius: 100px
    }

    .md-round-25-i {
        border-radius: 100px !important
    }

    .md-p-25 {
        padding: 100px !important
    }

    .md-px-25 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .md-py-25 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .md-pt-25 {
        padding-top: 100px !important
    }

    .md-pr-25 {
        padding-right: 100px !important
    }

    .md-pb-25 {
        padding-bottom: 100px !important
    }

    .md-pl-25 {
        padding-left: 100px !important
    }

    .md-m-25 {
        margin: 100px !important
    }

    .md-mx-25 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }

    .md-my-25 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }

    .md-mt-25 {
        margin-top: 100px !important
    }

    .md-mr-25 {
        margin-right: 100px !important
    }

    .md-mb-25 {
        margin-bottom: 100px !important
    }

    .md-ml-25 {
        margin-left: 100px !important
    }

    .md-b-25 {
        bottom: 100px !important
    }

    .md-gap-30 {
        gap: 120px !important
    }

    .md-round-30 {
        border-radius: 120px
    }

    .md-round-30-i {
        border-radius: 120px !important
    }

    .md-p-30 {
        padding: 120px !important
    }

    .md-px-30 {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .md-py-30 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .md-pt-30 {
        padding-top: 120px !important
    }

    .md-pr-30 {
        padding-right: 120px !important
    }

    .md-pb-30 {
        padding-bottom: 120px !important
    }

    .md-pl-30 {
        padding-left: 120px !important
    }

    .md-m-30 {
        margin: 120px !important
    }

    .md-mx-30 {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .md-my-30 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .md-mt-30 {
        margin-top: 120px !important
    }

    .md-mr-30 {
        margin-right: 120px !important
    }

    .md-mb-30 {
        margin-bottom: 120px !important
    }

    .md-ml-30 {
        margin-left: 120px !important
    }

    .md-b-30 {
        bottom: 120px !important
    }
}

@media screen and (max-width:767px) {
    .sm-gap-auto {
        gap: auto !important
    }

    .sm-round-auto {
        border-radius: auto
    }

    .sm-round-auto-i {
        border-radius: auto !important
    }

    .sm-p-auto {
        padding: auto !important
    }

    .sm-px-auto {
        padding-left: auto !important;
        padding-right: auto !important
    }

    .sm-py-auto {
        padding-top: auto !important;
        padding-bottom: auto !important
    }

    .sm-pt-auto {
        padding-top: auto !important
    }

    .sm-pr-auto {
        padding-right: auto !important
    }

    .sm-pb-auto {
        padding-bottom: auto !important
    }

    .sm-pl-auto {
        padding-left: auto !important
    }

    .sm-m-auto {
        margin: auto !important
    }

    .sm-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .sm-my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .sm-mt-auto {
        margin-top: auto !important
    }

    .sm-mr-auto {
        margin-right: auto !important
    }

    .sm-mb-auto {
        margin-bottom: auto !important
    }

    .sm-ml-auto {
        margin-left: auto !important
    }

    .sm-b-auto {
        bottom: auto !important
    }

    .sm-gap-0 {
        gap: 0 !important
    }

    .sm-round-0 {
        border-radius: 0
    }

    .sm-round-0-i {
        border-radius: 0 !important
    }

    .sm-p-0 {
        padding: 0 !important
    }

    .sm-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .sm-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .sm-pt-0 {
        padding-top: 0 !important
    }

    .sm-pr-0 {
        padding-right: 0 !important
    }

    .sm-pb-0 {
        padding-bottom: 0 !important
    }

    .sm-pl-0 {
        padding-left: 0 !important
    }

    .sm-m-0 {
        margin: 0 !important
    }

    .sm-mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .sm-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .sm-mt-0 {
        margin-top: 0 !important
    }

    .sm-mr-0 {
        margin-right: 0 !important
    }

    .sm-mb-0 {
        margin-bottom: 0 !important
    }

    .sm-ml-0 {
        margin-left: 0 !important
    }

    .sm-b-0 {
        bottom: 0 !important
    }

    .sm-gap-0\.5 {
        gap: 2px !important
    }

    .sm-round-0\.5 {
        border-radius: 2px
    }

    .sm-round-0\.5-i {
        border-radius: 2px !important
    }

    .sm-p-0\.5 {
        padding: 2px !important
    }

    .sm-px-0\.5 {
        padding-left: 2px !important;
        padding-right: 2px !important
    }

    .sm-py-0\.5 {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .sm-pt-0\.5 {
        padding-top: 2px !important
    }

    .sm-pr-0\.5 {
        padding-right: 2px !important
    }

    .sm-pb-0\.5 {
        padding-bottom: 2px !important
    }

    .sm-pl-0\.5 {
        padding-left: 2px !important
    }

    .sm-m-0\.5 {
        margin: 2px !important
    }

    .sm-mx-0\.5 {
        margin-left: 2px !important;
        margin-right: 2px !important
    }

    .sm-my-0\.5 {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }

    .sm-mt-0\.5 {
        margin-top: 2px !important
    }

    .sm-mr-0\.5 {
        margin-right: 2px !important
    }

    .sm-mb-0\.5 {
        margin-bottom: 2px !important
    }

    .sm-ml-0\.5 {
        margin-left: 2px !important
    }

    .sm-b-0\.5 {
        bottom: 2px !important
    }

    .sm-gap-1 {
        gap: 4px !important
    }

    .sm-round-1 {
        border-radius: 4px
    }

    .sm-round-1-i {
        border-radius: 4px !important
    }

    .sm-p-1 {
        padding: 4px !important
    }

    .sm-px-1 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .sm-py-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .sm-pt-1 {
        padding-top: 4px !important
    }

    .sm-pr-1 {
        padding-right: 4px !important
    }

    .sm-pb-1 {
        padding-bottom: 4px !important
    }

    .sm-pl-1 {
        padding-left: 4px !important
    }

    .sm-m-1 {
        margin: 4px !important
    }

    .sm-mx-1 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .sm-my-1 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .sm-mt-1 {
        margin-top: 4px !important
    }

    .sm-mr-1 {
        margin-right: 4px !important
    }

    .sm-mb-1 {
        margin-bottom: 4px !important
    }

    .sm-ml-1 {
        margin-left: 4px !important
    }

    .sm-b-1 {
        bottom: 4px !important
    }

    .sm-gap-2 {
        gap: 8px !important
    }

    .sm-round-2 {
        border-radius: 8px
    }

    .sm-round-2-i {
        border-radius: 8px !important
    }

    .sm-p-2 {
        padding: 8px !important
    }

    .sm-px-2 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .sm-py-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .sm-pt-2 {
        padding-top: 8px !important
    }

    .sm-pr-2 {
        padding-right: 8px !important
    }

    .sm-pb-2 {
        padding-bottom: 8px !important
    }

    .sm-pl-2 {
        padding-left: 8px !important
    }

    .sm-m-2 {
        margin: 8px !important
    }

    .sm-mx-2 {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .sm-my-2 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .sm-mt-2 {
        margin-top: 8px !important
    }

    .sm-mr-2 {
        margin-right: 8px !important
    }

    .sm-mb-2 {
        margin-bottom: 8px !important
    }

    .sm-ml-2 {
        margin-left: 8px !important
    }

    .sm-b-2 {
        bottom: 8px !important
    }

    .sm-gap-2\.5 {
        gap: 10px !important
    }

    .sm-round-2\.5 {
        border-radius: 10px
    }

    .sm-round-2\.5-i {
        border-radius: 10px !important
    }

    .sm-p-2\.5 {
        padding: 10px !important
    }

    .sm-px-2\.5 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .sm-py-2\.5 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .sm-pt-2\.5 {
        padding-top: 10px !important
    }

    .sm-pr-2\.5 {
        padding-right: 10px !important
    }

    .sm-pb-2\.5 {
        padding-bottom: 10px !important
    }

    .sm-pl-2\.5 {
        padding-left: 10px !important
    }

    .sm-m-2\.5 {
        margin: 10px !important
    }

    .sm-mx-2\.5 {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .sm-my-2\.5 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .sm-mt-2\.5 {
        margin-top: 10px !important
    }

    .sm-mr-2\.5 {
        margin-right: 10px !important
    }

    .sm-mb-2\.5 {
        margin-bottom: 10px !important
    }

    .sm-ml-2\.5 {
        margin-left: 10px !important
    }

    .sm-b-2\.5 {
        bottom: 10px !important
    }

    .sm-gap-3 {
        gap: 12px !important
    }

    .sm-round-3 {
        border-radius: 12px
    }

    .sm-round-3-i {
        border-radius: 12px !important
    }

    .sm-p-3 {
        padding: 12px !important
    }

    .sm-px-3 {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .sm-py-3 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
    }

    .sm-pt-3 {
        padding-top: 12px !important
    }

    .sm-pr-3 {
        padding-right: 12px !important
    }

    .sm-pb-3 {
        padding-bottom: 12px !important
    }

    .sm-pl-3 {
        padding-left: 12px !important
    }

    .sm-m-3 {
        margin: 12px !important
    }

    .sm-mx-3 {
        margin-left: 12px !important;
        margin-right: 12px !important
    }

    .sm-my-3 {
        margin-top: 12px !important;
        margin-bottom: 12px !important
    }

    .sm-mt-3 {
        margin-top: 12px !important
    }

    .sm-mr-3 {
        margin-right: 12px !important
    }

    .sm-mb-3 {
        margin-bottom: 12px !important
    }

    .sm-ml-3 {
        margin-left: 12px !important
    }

    .sm-b-3 {
        bottom: 12px !important
    }

    .sm-gap-4 {
        gap: 16px !important
    }

    .sm-round-4 {
        border-radius: 16px
    }

    .sm-round-4-i {
        border-radius: 16px !important
    }

    .sm-p-4 {
        padding: 16px !important
    }

    .sm-px-4 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    .sm-py-4 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }

    .sm-pt-4 {
        padding-top: 16px !important
    }

    .sm-pr-4 {
        padding-right: 16px !important
    }

    .sm-pb-4 {
        padding-bottom: 16px !important
    }

    .sm-pl-4 {
        padding-left: 16px !important
    }

    .sm-m-4 {
        margin: 16px !important
    }

    .sm-mx-4 {
        margin-left: 16px !important;
        margin-right: 16px !important
    }

    .sm-my-4 {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }

    .sm-mt-4 {
        margin-top: 16px !important
    }

    .sm-mr-4 {
        margin-right: 16px !important
    }

    .sm-mb-4 {
        margin-bottom: 16px !important
    }

    .sm-ml-4 {
        margin-left: 16px !important
    }

    .sm-b-4 {
        bottom: 16px !important
    }

    .sm-gap-5 {
        gap: 20px !important
    }

    .sm-round-5 {
        border-radius: 20px
    }

    .sm-round-5-i {
        border-radius: 20px !important
    }

    .sm-p-5 {
        padding: 20px !important
    }

    .sm-px-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .sm-py-5 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .sm-pt-5 {
        padding-top: 20px !important
    }

    .sm-pr-5 {
        padding-right: 20px !important
    }

    .sm-pb-5 {
        padding-bottom: 20px !important
    }

    .sm-pl-5 {
        padding-left: 20px !important
    }

    .sm-m-5 {
        margin: 20px !important
    }

    .sm-mx-5 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .sm-my-5 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .sm-mt-5 {
        margin-top: 20px !important
    }

    .sm-mr-5 {
        margin-right: 20px !important
    }

    .sm-mb-5 {
        margin-bottom: 20px !important
    }

    .sm-ml-5 {
        margin-left: 20px !important
    }

    .sm-b-5 {
        bottom: 20px !important
    }

    .sm-gap-6 {
        gap: 24px !important
    }

    .sm-round-6 {
        border-radius: 24px
    }

    .sm-round-6-i {
        border-radius: 24px !important
    }

    .sm-p-6 {
        padding: 24px !important
    }

    .sm-px-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .sm-py-6 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .sm-pt-6 {
        padding-top: 24px !important
    }

    .sm-pr-6 {
        padding-right: 24px !important
    }

    .sm-pb-6 {
        padding-bottom: 24px !important
    }

    .sm-pl-6 {
        padding-left: 24px !important
    }

    .sm-m-6 {
        margin: 24px !important
    }

    .sm-mx-6 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .sm-my-6 {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }

    .sm-mt-6 {
        margin-top: 24px !important
    }

    .sm-mr-6 {
        margin-right: 24px !important
    }

    .sm-mb-6 {
        margin-bottom: 24px !important
    }

    .sm-ml-6 {
        margin-left: 24px !important
    }

    .sm-b-6 {
        bottom: 24px !important
    }

    .sm-gap-7 {
        gap: 28px !important
    }

    .sm-round-7 {
        border-radius: 28px
    }

    .sm-round-7-i {
        border-radius: 28px !important
    }

    .sm-p-7 {
        padding: 28px !important
    }

    .sm-px-7 {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .sm-py-7 {
        padding-top: 28px !important;
        padding-bottom: 28px !important
    }

    .sm-pt-7 {
        padding-top: 28px !important
    }

    .sm-pr-7 {
        padding-right: 28px !important
    }

    .sm-pb-7 {
        padding-bottom: 28px !important
    }

    .sm-pl-7 {
        padding-left: 28px !important
    }

    .sm-m-7 {
        margin: 28px !important
    }

    .sm-mx-7 {
        margin-left: 28px !important;
        margin-right: 28px !important
    }

    .sm-my-7 {
        margin-top: 28px !important;
        margin-bottom: 28px !important
    }

    .sm-mt-7 {
        margin-top: 28px !important
    }

    .sm-mr-7 {
        margin-right: 28px !important
    }

    .sm-mb-7 {
        margin-bottom: 28px !important
    }

    .sm-ml-7 {
        margin-left: 28px !important
    }

    .sm-b-7 {
        bottom: 28px !important
    }

    .sm-gap-8 {
        gap: 32px !important
    }

    .sm-round-8 {
        border-radius: 32px
    }

    .sm-round-8-i {
        border-radius: 32px !important
    }

    .sm-p-8 {
        padding: 32px !important
    }

    .sm-px-8 {
        padding-left: 32px !important;
        padding-right: 32px !important
    }

    .sm-py-8 {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }

    .sm-pt-8 {
        padding-top: 32px !important
    }

    .sm-pr-8 {
        padding-right: 32px !important
    }

    .sm-pb-8 {
        padding-bottom: 32px !important
    }

    .sm-pl-8 {
        padding-left: 32px !important
    }

    .sm-m-8 {
        margin: 32px !important
    }

    .sm-mx-8 {
        margin-left: 32px !important;
        margin-right: 32px !important
    }

    .sm-my-8 {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }

    .sm-mt-8 {
        margin-top: 32px !important
    }

    .sm-mr-8 {
        margin-right: 32px !important
    }

    .sm-mb-8 {
        margin-bottom: 32px !important
    }

    .sm-ml-8 {
        margin-left: 32px !important
    }

    .sm-b-8 {
        bottom: 32px !important
    }

    .sm-gap-9 {
        gap: 36px !important
    }

    .sm-round-9 {
        border-radius: 36px
    }

    .sm-round-9-i {
        border-radius: 36px !important
    }

    .sm-p-9 {
        padding: 36px !important
    }

    .sm-px-9 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .sm-py-9 {
        padding-top: 36px !important;
        padding-bottom: 36px !important
    }

    .sm-pt-9 {
        padding-top: 36px !important
    }

    .sm-pr-9 {
        padding-right: 36px !important
    }

    .sm-pb-9 {
        padding-bottom: 36px !important
    }

    .sm-pl-9 {
        padding-left: 36px !important
    }

    .sm-m-9 {
        margin: 36px !important
    }

    .sm-mx-9 {
        margin-left: 36px !important;
        margin-right: 36px !important
    }

    .sm-my-9 {
        margin-top: 36px !important;
        margin-bottom: 36px !important
    }

    .sm-mt-9 {
        margin-top: 36px !important
    }

    .sm-mr-9 {
        margin-right: 36px !important
    }

    .sm-mb-9 {
        margin-bottom: 36px !important
    }

    .sm-ml-9 {
        margin-left: 36px !important
    }

    .sm-b-9 {
        bottom: 36px !important
    }

    .sm-gap-10 {
        gap: 40px !important
    }

    .sm-round-10 {
        border-radius: 40px
    }

    .sm-round-10-i {
        border-radius: 40px !important
    }

    .sm-p-10 {
        padding: 40px !important
    }

    .sm-px-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .sm-py-10 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .sm-pt-10 {
        padding-top: 40px !important
    }

    .sm-pr-10 {
        padding-right: 40px !important
    }

    .sm-pb-10 {
        padding-bottom: 40px !important
    }

    .sm-pl-10 {
        padding-left: 40px !important
    }

    .sm-m-10 {
        margin: 40px !important
    }

    .sm-mx-10 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .sm-my-10 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .sm-mt-10 {
        margin-top: 40px !important
    }

    .sm-mr-10 {
        margin-right: 40px !important
    }

    .sm-mb-10 {
        margin-bottom: 40px !important
    }

    .sm-ml-10 {
        margin-left: 40px !important
    }

    .sm-b-10 {
        bottom: 40px !important
    }

    .sm-gap-12 {
        gap: 48px !important
    }

    .sm-round-12 {
        border-radius: 48px
    }

    .sm-round-12-i {
        border-radius: 48px !important
    }

    .sm-p-12 {
        padding: 48px !important
    }

    .sm-px-12 {
        padding-left: 48px !important;
        padding-right: 48px !important
    }

    .sm-py-12 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .sm-pt-12 {
        padding-top: 48px !important
    }

    .sm-pr-12 {
        padding-right: 48px !important
    }

    .sm-pb-12 {
        padding-bottom: 48px !important
    }

    .sm-pl-12 {
        padding-left: 48px !important
    }

    .sm-m-12 {
        margin: 48px !important
    }

    .sm-mx-12 {
        margin-left: 48px !important;
        margin-right: 48px !important
    }

    .sm-my-12 {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }

    .sm-mt-12 {
        margin-top: 48px !important
    }

    .sm-mr-12 {
        margin-right: 48px !important
    }

    .sm-mb-12 {
        margin-bottom: 48px !important
    }

    .sm-ml-12 {
        margin-left: 48px !important
    }

    .sm-b-12 {
        bottom: 48px !important
    }

    .sm-gap-15 {
        gap: 60px !important
    }

    .sm-round-15 {
        border-radius: 60px
    }

    .sm-round-15-i {
        border-radius: 60px !important
    }

    .sm-p-15 {
        padding: 60px !important
    }

    .sm-px-15 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .sm-py-15 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .sm-pt-15 {
        padding-top: 60px !important
    }

    .sm-pr-15 {
        padding-right: 60px !important
    }

    .sm-pb-15 {
        padding-bottom: 60px !important
    }

    .sm-pl-15 {
        padding-left: 60px !important
    }

    .sm-m-15 {
        margin: 60px !important
    }

    .sm-mx-15 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .sm-my-15 {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .sm-mt-15 {
        margin-top: 60px !important
    }

    .sm-mr-15 {
        margin-right: 60px !important
    }

    .sm-mb-15 {
        margin-bottom: 60px !important
    }

    .sm-ml-15 {
        margin-left: 60px !important
    }

    .sm-b-15 {
        bottom: 60px !important
    }

    .sm-gap-16 {
        gap: 64px !important
    }

    .sm-round-16 {
        border-radius: 64px
    }

    .sm-round-16-i {
        border-radius: 64px !important
    }

    .sm-p-16 {
        padding: 64px !important
    }

    .sm-px-16 {
        padding-left: 64px !important;
        padding-right: 64px !important
    }

    .sm-py-16 {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }

    .sm-pt-16 {
        padding-top: 64px !important
    }

    .sm-pr-16 {
        padding-right: 64px !important
    }

    .sm-pb-16 {
        padding-bottom: 64px !important
    }

    .sm-pl-16 {
        padding-left: 64px !important
    }

    .sm-m-16 {
        margin: 64px !important
    }

    .sm-mx-16 {
        margin-left: 64px !important;
        margin-right: 64px !important
    }

    .sm-my-16 {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }

    .sm-mt-16 {
        margin-top: 64px !important
    }

    .sm-mr-16 {
        margin-right: 64px !important
    }

    .sm-mb-16 {
        margin-bottom: 64px !important
    }

    .sm-ml-16 {
        margin-left: 64px !important
    }

    .sm-b-16 {
        bottom: 64px !important
    }

    .sm-gap-20 {
        gap: 80px !important
    }

    .sm-round-20 {
        border-radius: 80px
    }

    .sm-round-20-i {
        border-radius: 80px !important
    }

    .sm-p-20 {
        padding: 80px !important
    }

    .sm-px-20 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .sm-py-20 {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .sm-pt-20 {
        padding-top: 80px !important
    }

    .sm-pr-20 {
        padding-right: 80px !important
    }

    .sm-pb-20 {
        padding-bottom: 80px !important
    }

    .sm-pl-20 {
        padding-left: 80px !important
    }

    .sm-m-20 {
        margin: 80px !important
    }

    .sm-mx-20 {
        margin-left: 80px !important;
        margin-right: 80px !important
    }

    .sm-my-20 {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .sm-mt-20 {
        margin-top: 80px !important
    }

    .sm-mr-20 {
        margin-right: 80px !important
    }

    .sm-mb-20 {
        margin-bottom: 80px !important
    }

    .sm-ml-20 {
        margin-left: 80px !important
    }

    .sm-b-20 {
        bottom: 80px !important
    }

    .sm-gap-24 {
        gap: 96px !important
    }

    .sm-round-24 {
        border-radius: 96px
    }

    .sm-round-24-i {
        border-radius: 96px !important
    }

    .sm-p-24 {
        padding: 96px !important
    }

    .sm-px-24 {
        padding-left: 96px !important;
        padding-right: 96px !important
    }

    .sm-py-24 {
        padding-top: 96px !important;
        padding-bottom: 96px !important
    }

    .sm-pt-24 {
        padding-top: 96px !important
    }

    .sm-pr-24 {
        padding-right: 96px !important
    }

    .sm-pb-24 {
        padding-bottom: 96px !important
    }

    .sm-pl-24 {
        padding-left: 96px !important
    }

    .sm-m-24 {
        margin: 96px !important
    }

    .sm-mx-24 {
        margin-left: 96px !important;
        margin-right: 96px !important
    }

    .sm-my-24 {
        margin-top: 96px !important;
        margin-bottom: 96px !important
    }

    .sm-mt-24 {
        margin-top: 96px !important
    }

    .sm-mr-24 {
        margin-right: 96px !important
    }

    .sm-mb-24 {
        margin-bottom: 96px !important
    }

    .sm-ml-24 {
        margin-left: 96px !important
    }

    .sm-b-24 {
        bottom: 96px !important
    }

    .sm-gap-25 {
        gap: 100px !important
    }

    .sm-round-25 {
        border-radius: 100px
    }

    .sm-round-25-i {
        border-radius: 100px !important
    }

    .sm-p-25 {
        padding: 100px !important
    }

    .sm-px-25 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .sm-py-25 {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .sm-pt-25 {
        padding-top: 100px !important
    }

    .sm-pr-25 {
        padding-right: 100px !important
    }

    .sm-pb-25 {
        padding-bottom: 100px !important
    }

    .sm-pl-25 {
        padding-left: 100px !important
    }

    .sm-m-25 {
        margin: 100px !important
    }

    .sm-mx-25 {
        margin-left: 100px !important;
        margin-right: 100px !important
    }

    .sm-my-25 {
        margin-top: 100px !important;
        margin-bottom: 100px !important
    }

    .sm-mt-25 {
        margin-top: 100px !important
    }

    .sm-mr-25 {
        margin-right: 100px !important
    }

    .sm-mb-25 {
        margin-bottom: 100px !important
    }

    .sm-ml-25 {
        margin-left: 100px !important
    }

    .sm-b-25 {
        bottom: 100px !important
    }

    .sm-gap-30 {
        gap: 120px !important
    }

    .sm-round-30 {
        border-radius: 120px
    }

    .sm-round-30-i {
        border-radius: 120px !important
    }

    .sm-p-30 {
        padding: 120px !important
    }

    .sm-px-30 {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .sm-py-30 {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .sm-pt-30 {
        padding-top: 120px !important
    }

    .sm-pr-30 {
        padding-right: 120px !important
    }

    .sm-pb-30 {
        padding-bottom: 120px !important
    }

    .sm-pl-30 {
        padding-left: 120px !important
    }

    .sm-m-30 {
        margin: 120px !important
    }

    .sm-mx-30 {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .sm-my-30 {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .sm-mt-30 {
        margin-top: 120px !important
    }

    .sm-mr-30 {
        margin-right: 120px !important
    }

    .sm-mb-30 {
        margin-bottom: 120px !important
    }

    .sm-ml-30 {
        margin-left: 120px !important
    }

    .sm-b-30 {
        bottom: 120px !important
    }
}

.Toastify {
    --toastify-toast-min-height: 0
}

.Toastify .Toastify__toast-container {
    z-index: 9999;
    width: 340px;
    max-width: 100vw;
    padding: 0
}

.Toastify .Toastify__toast-container--top-right {
    top: 8px;
    right: 8px
}

.Toastify .Toastify__toast-container--bottom-left {
    bottom: 24px;
    left: 8px
}

.Toastify .Toastify__toast-container--bottom-right {
    bottom: 24px;
    right: 8px
}

.Toastify .Toastify__toast {
    border: 1px solid var(--theme-border-neutral-subtle);
    color: var(--theme-text-primary);
    background: var(--theme-overlay-500);
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
    border-radius: 16px;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;
    padding: 16px;
    box-shadow: 0 0 25px #0000001f
}

.Toastify .Toastify__toast-body {
    padding: 0
}

.Toastify .Toastify__toast--success {
    color: var(--theme-text-success-bold);
    background: var(--theme-overlay-500);
    background: linear-gradient(to right, color-mix(in srgb, var(--theme-background-success-bold) 10%, transparent), color-mix(in srgb, var(--theme-background-success-bold) 5%, transparent), var(--theme-overlay-500) 100%);
    border: none
}

.Toastify .Toastify__toast--warning {
    color: var(--theme-text-warning-bold);
    background: var(--theme-overlay-500);
    background: linear-gradient(to right, color-mix(in srgb, var(--theme-background-warning-bold) 10%, transparent), color-mix(in srgb, var(--theme-background-warning-bold) 5%, transparent), var(--theme-overlay-500) 100%);
    border: none
}

.Toastify .Toastify__toast--error {
    color: var(--theme-text-error-bold);
    background: var(--theme-overlay-500);
    background: linear-gradient(to right, color-mix(in srgb, var(--theme-background-error-bold) 10%, transparent), color-mix(in srgb, var(--theme-background-error-bold) 5%, transparent), var(--theme-overlay-500) 100%);
    border: none
}

@media screen and (max-width:767px) {
    .Toastify__toast-container {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        inset: 8px 8px auto !important
    }
}

body {
    --privy-color-accent: #31d690;
    --privy-color-accent-dark: #0ecb81;
    --privy-color-background: #0e1116;
    --privy-color-background-2: #1f222b;
    --privy-color-foreground-3: #31d690
}

.typography,
.heading,
.body {
    color: #edf0f1;
    font-style: normal
}

.body {
    font-weight: 400
}

.heading {
    font-weight: 700
}

.txt-left,
.text-left {
    text-align: left
}

.txt-right,
.text-right {
    text-align: right
}

.txt-center,
.text-center {
    text-align: center
}

.lowercase {
    text-transform: lowercase
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.line-h-1 {
    line-height: 1 !important
}

.line-h-16 {
    line-height: 1.6rem !important
}

.line-h-18 {
    line-height: 1.8rem !important
}

.line-h-20 {
    line-height: 2rem !important
}

.line-h-24 {
    line-height: 2.4rem !important
}

.line-h-28 {
    line-height: 2.8rem !important
}

.line-h-32 {
    line-height: 3.2rem !important
}

.line-h-38 {
    line-height: 3.8rem !important
}

.line-h-54 {
    line-height: 5.4rem !important
}

.txt-dashed {
    text-underline-position: under;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-decoration-thickness: .25px
}

.txt-help {
    text-underline-position: under;
    cursor: help;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-decoration-thickness: .25px
}

.txt-dotted {
    text-underline-position: under;
    -webkit-text-decoration: underline dotted !important;
    text-decoration: underline dotted !important;
    text-decoration-thickness: .25px !important
}

.txt-underline {
    text-underline-position: under;
    text-decoration: underline !important;
    text-decoration-thickness: .25px !important
}

.txt-decoration-none {
    text-decoration: none
}

.txt-capitalize {
    text-transform: capitalize
}

.txt-uppercase {
    text-transform: uppercase
}

.body-8 {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    font-style: inherit
}

.body-10 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4rem;
    font-style: inherit
}

.body-11 {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4rem;
    font-style: inherit
}

.body-12 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem;
    font-style: inherit
}

.body-14 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    font-style: inherit
}

.body-16 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    font-style: inherit
}

.body-18 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.7rem;
    font-style: inherit
}

.body-20 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem;
    font-style: inherit
}

.body-24 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.6rem;
    font-style: inherit
}

.body-28 {
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 4.2rem;
    font-style: inherit
}

.body-32 {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 4.8rem;
    font-style: inherit
}

.body-36 {
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 5.4rem;
    font-style: inherit
}

.body-40 {
    font-size: 4rem;
    font-weight: 400;
    line-height: 6rem;
    font-style: inherit
}

.body-48 {
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 7.2rem;
    font-style: inherit
}

.body-56 {
    font-size: 5.6rem;
    font-weight: 400;
    line-height: 8.4rem;
    font-style: inherit
}

.body-60 {
    font-size: 6rem;
    font-weight: 400;
    line-height: 9rem;
    font-style: inherit
}

.body-64 {
    font-size: 6.4rem;
    font-weight: 400;
    line-height: 9.6rem;
    font-style: inherit
}

.body-72 {
    font-size: 7.2rem;
    font-weight: 400;
    line-height: 10.8rem;
    font-style: inherit
}

.heading-8 {
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.2rem;
    font-style: inherit
}

.heading-10 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4rem;
    font-style: inherit
}

.heading-11 {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.4rem;
    font-style: inherit
}

.heading-12 {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    font-style: inherit
}

.heading-14 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    font-style: inherit
}

.heading-16 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    font-style: inherit
}

.heading-18 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    font-style: inherit
}

.heading-20 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem;
    font-style: inherit
}

.heading-24 {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    font-style: inherit
}

.heading-28 {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 4.2rem;
    font-style: inherit
}

.heading-32 {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 4.8rem;
    font-style: inherit
}

.heading-36 {
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 5.4rem;
    font-style: inherit
}

.heading-40 {
    font-size: 4rem;
    font-weight: 500;
    line-height: 6rem;
    font-style: inherit
}

.heading-48 {
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 7.2rem;
    font-style: inherit
}

.heading-56 {
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 8.4rem;
    font-style: inherit
}

.heading-60 {
    font-size: 6rem;
    font-weight: 500;
    line-height: 9rem;
    font-style: inherit
}

.heading-64 {
    font-size: 6.4rem;
    font-weight: 500;
    line-height: 9.6rem;
    font-style: inherit
}

.heading-72 {
    font-size: 7.2rem;
    font-weight: 500;
    line-height: 10.8rem;
    font-style: inherit
}

.bold-8 {
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.2rem;
    font-style: inherit
}

.bold-10 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4rem;
    font-style: inherit
}

.bold-11 {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4rem;
    font-style: inherit
}

.bold-12 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    font-style: inherit
}

.bold-14 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    font-style: inherit
}

.bold-16 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    font-style: inherit
}

.bold-18 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.7rem;
    font-style: inherit
}

.bold-20 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    font-style: inherit
}

.bold-24 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    font-style: inherit
}

.bold-28 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
    font-style: inherit
}

.bold-32 {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
    font-style: inherit
}

.bold-36 {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 5.4rem;
    font-style: inherit
}

.bold-40 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 6rem;
    font-style: inherit
}

.bold-48 {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 7.2rem;
    font-style: inherit
}

.bold-56 {
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 8.4rem;
    font-style: inherit
}

.bold-60 {
    font-size: 6rem;
    font-weight: 700;
    line-height: 9rem;
    font-style: inherit
}

.bold-64 {
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 9.6rem;
    font-style: inherit
}

.bold-72 {
    font-size: 7.2rem;
    font-weight: 700;
    line-height: 10.8rem;
    font-style: inherit
}

@media screen and (max-width:1023px) {
    .md-body-8 {
        font-size: .8rem;
        font-weight: 400;
        line-height: 1.2rem;
        font-style: inherit
    }

    .md-body-10 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4rem;
        font-style: inherit
    }

    .md-body-11 {
        font-size: 1.1rem;
        font-weight: 400;
        line-height: 1.4rem;
        font-style: inherit
    }

    .md-body-12 {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.6rem;
        font-style: inherit
    }

    .md-body-14 {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2rem;
        font-style: inherit
    }

    .md-body-16 {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.4rem;
        font-style: inherit
    }

    .md-body-18 {
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 2.7rem;
        font-style: inherit
    }

    .md-body-20 {
        font-size: 2rem;
        font-weight: 400;
        line-height: 3rem;
        font-style: inherit
    }

    .md-body-24 {
        font-size: 2.4rem;
        font-weight: 400;
        line-height: 3.6rem;
        font-style: inherit
    }

    .md-body-28 {
        font-size: 2.8rem;
        font-weight: 400;
        line-height: 4.2rem;
        font-style: inherit
    }

    .md-body-32 {
        font-size: 3.2rem;
        font-weight: 400;
        line-height: 4.8rem;
        font-style: inherit
    }

    .md-body-36 {
        font-size: 3.6rem;
        font-weight: 400;
        line-height: 5.4rem;
        font-style: inherit
    }

    .md-body-40 {
        font-size: 4rem;
        font-weight: 400;
        line-height: 6rem;
        font-style: inherit
    }

    .md-body-48 {
        font-size: 4.8rem;
        font-weight: 400;
        line-height: 7.2rem;
        font-style: inherit
    }

    .md-body-56 {
        font-size: 5.6rem;
        font-weight: 400;
        line-height: 8.4rem;
        font-style: inherit
    }

    .md-body-60 {
        font-size: 6rem;
        font-weight: 400;
        line-height: 9rem;
        font-style: inherit
    }

    .md-body-64 {
        font-size: 6.4rem;
        font-weight: 400;
        line-height: 9.6rem;
        font-style: inherit
    }

    .md-body-72 {
        font-size: 7.2rem;
        font-weight: 400;
        line-height: 10.8rem;
        font-style: inherit
    }

    .md-heading-8 {
        font-size: .8rem;
        font-weight: 500;
        line-height: 1.2rem;
        font-style: inherit
    }

    .md-heading-10 {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4rem;
        font-style: inherit
    }

    .md-heading-11 {
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1.4rem;
        font-style: inherit
    }

    .md-heading-12 {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.6rem;
        font-style: inherit
    }

    .md-heading-14 {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2rem;
        font-style: inherit
    }

    .md-heading-16 {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.4rem;
        font-style: inherit
    }

    .md-heading-18 {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 2.7rem;
        font-style: inherit
    }

    .md-heading-20 {
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem;
        font-style: inherit
    }

    .md-heading-24 {
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 3.6rem;
        font-style: inherit
    }

    .md-heading-28 {
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 4.2rem;
        font-style: inherit
    }

    .md-heading-32 {
        font-size: 3.2rem;
        font-weight: 500;
        line-height: 4.8rem;
        font-style: inherit
    }

    .md-heading-36 {
        font-size: 3.6rem;
        font-weight: 500;
        line-height: 5.4rem;
        font-style: inherit
    }

    .md-heading-40 {
        font-size: 4rem;
        font-weight: 500;
        line-height: 6rem;
        font-style: inherit
    }

    .md-heading-48 {
        font-size: 4.8rem;
        font-weight: 500;
        line-height: 7.2rem;
        font-style: inherit
    }

    .md-heading-56 {
        font-size: 5.6rem;
        font-weight: 500;
        line-height: 8.4rem;
        font-style: inherit
    }

    .md-heading-60 {
        font-size: 6rem;
        font-weight: 500;
        line-height: 9rem;
        font-style: inherit
    }

    .md-heading-64 {
        font-size: 6.4rem;
        font-weight: 500;
        line-height: 9.6rem;
        font-style: inherit
    }

    .md-heading-72 {
        font-size: 7.2rem;
        font-weight: 500;
        line-height: 10.8rem;
        font-style: inherit
    }

    .md-bold-8 {
        font-size: .8rem;
        font-weight: 700;
        line-height: 1.2rem;
        font-style: inherit
    }

    .md-bold-10 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.4rem;
        font-style: inherit
    }

    .md-bold-11 {
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.4rem;
        font-style: inherit
    }

    .md-bold-12 {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.6rem;
        font-style: inherit
    }

    .md-bold-14 {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2rem;
        font-style: inherit
    }

    .md-bold-16 {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 2.4rem;
        font-style: inherit
    }

    .md-bold-18 {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 2.7rem;
        font-style: inherit
    }

    .md-bold-20 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3rem;
        font-style: inherit
    }

    .md-bold-24 {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.6rem;
        font-style: inherit
    }

    .md-bold-28 {
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 4.2rem;
        font-style: inherit
    }

    .md-bold-32 {
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        font-style: inherit
    }

    .md-bold-36 {
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 5.4rem;
        font-style: inherit
    }

    .md-bold-40 {
        font-size: 4rem;
        font-weight: 700;
        line-height: 6rem;
        font-style: inherit
    }

    .md-bold-48 {
        font-size: 4.8rem;
        font-weight: 700;
        line-height: 7.2rem;
        font-style: inherit
    }

    .md-bold-56 {
        font-size: 5.6rem;
        font-weight: 700;
        line-height: 8.4rem;
        font-style: inherit
    }

    .md-bold-60 {
        font-size: 6rem;
        font-weight: 700;
        line-height: 9rem;
        font-style: inherit
    }

    .md-bold-64 {
        font-size: 6.4rem;
        font-weight: 700;
        line-height: 9.6rem;
        font-style: inherit
    }

    .md-bold-72 {
        font-size: 7.2rem;
        font-weight: 700;
        line-height: 10.8rem;
        font-style: inherit
    }
}

@media screen and (max-width:767px) {
    .sm-body-8 {
        font-size: .8rem;
        font-weight: 400;
        line-height: 1.2rem;
        font-style: inherit
    }

    .sm-body-8-i {
        font-style: inherit;
        font-size: .8rem !important;
        font-weight: 400 !important;
        line-height: 1.2rem !important
    }

    .sm-body-10 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4rem;
        font-style: inherit
    }

    .sm-body-10-i {
        font-style: inherit;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.4rem !important
    }

    .sm-body-11 {
        font-size: 1.1rem;
        font-weight: 400;
        line-height: 1.4rem;
        font-style: inherit
    }

    .sm-body-11-i {
        font-style: inherit;
        font-size: 1.1rem !important;
        font-weight: 400 !important;
        line-height: 1.4rem !important
    }

    .sm-body-12 {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.6rem;
        font-style: inherit
    }

    .sm-body-12-i {
        font-style: inherit;
        font-size: 1.2rem !important;
        font-weight: 400 !important;
        line-height: 1.6rem !important
    }

    .sm-body-14 {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2rem;
        font-style: inherit
    }

    .sm-body-14-i {
        font-style: inherit;
        font-size: 1.4rem !important;
        font-weight: 400 !important;
        line-height: 2rem !important
    }

    .sm-body-16 {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.4rem;
        font-style: inherit
    }

    .sm-body-16-i {
        font-style: inherit;
        font-size: 1.6rem !important;
        font-weight: 400 !important;
        line-height: 2.4rem !important
    }

    .sm-body-18 {
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 2.7rem;
        font-style: inherit
    }

    .sm-body-18-i {
        font-style: inherit;
        font-size: 1.8rem !important;
        font-weight: 400 !important;
        line-height: 2.7rem !important
    }

    .sm-body-20 {
        font-size: 2rem;
        font-weight: 400;
        line-height: 3rem;
        font-style: inherit
    }

    .sm-body-20-i {
        font-style: inherit;
        font-size: 2rem !important;
        font-weight: 400 !important;
        line-height: 3rem !important
    }

    .sm-body-24 {
        font-size: 2.4rem;
        font-weight: 400;
        line-height: 3.6rem;
        font-style: inherit
    }

    .sm-body-24-i {
        font-style: inherit;
        font-size: 2.4rem !important;
        font-weight: 400 !important;
        line-height: 3.6rem !important
    }

    .sm-body-28 {
        font-size: 2.8rem;
        font-weight: 400;
        line-height: 4.2rem;
        font-style: inherit
    }

    .sm-body-28-i {
        font-style: inherit;
        font-size: 2.8rem !important;
        font-weight: 400 !important;
        line-height: 4.2rem !important
    }

    .sm-body-32 {
        font-size: 3.2rem;
        font-weight: 400;
        line-height: 4.8rem;
        font-style: inherit
    }

    .sm-body-32-i {
        font-style: inherit;
        font-size: 3.2rem !important;
        font-weight: 400 !important;
        line-height: 4.8rem !important
    }

    .sm-body-36 {
        font-size: 3.6rem;
        font-weight: 400;
        line-height: 5.4rem;
        font-style: inherit
    }

    .sm-body-36-i {
        font-style: inherit;
        font-size: 3.6rem !important;
        font-weight: 400 !important;
        line-height: 5.4rem !important
    }

    .sm-body-40 {
        font-size: 4rem;
        font-weight: 400;
        line-height: 6rem;
        font-style: inherit
    }

    .sm-body-40-i {
        font-style: inherit;
        font-size: 4rem !important;
        font-weight: 400 !important;
        line-height: 6rem !important
    }

    .sm-body-48 {
        font-size: 4.8rem;
        font-weight: 400;
        line-height: 7.2rem;
        font-style: inherit
    }

    .sm-body-48-i {
        font-style: inherit;
        font-size: 4.8rem !important;
        font-weight: 400 !important;
        line-height: 7.2rem !important
    }

    .sm-body-56 {
        font-size: 5.6rem;
        font-weight: 400;
        line-height: 8.4rem;
        font-style: inherit
    }

    .sm-body-56-i {
        font-style: inherit;
        font-size: 5.6rem !important;
        font-weight: 400 !important;
        line-height: 8.4rem !important
    }

    .sm-body-60 {
        font-size: 6rem;
        font-weight: 400;
        line-height: 9rem;
        font-style: inherit
    }

    .sm-body-60-i {
        font-style: inherit;
        font-size: 6rem !important;
        font-weight: 400 !important;
        line-height: 9rem !important
    }

    .sm-body-64 {
        font-size: 6.4rem;
        font-weight: 400;
        line-height: 9.6rem;
        font-style: inherit
    }

    .sm-body-64-i {
        font-style: inherit;
        font-size: 6.4rem !important;
        font-weight: 400 !important;
        line-height: 9.6rem !important
    }

    .sm-body-72 {
        font-size: 7.2rem;
        font-weight: 400;
        line-height: 10.8rem;
        font-style: inherit
    }

    .sm-body-72-i {
        font-style: inherit;
        font-size: 7.2rem !important;
        font-weight: 400 !important;
        line-height: 10.8rem !important
    }

    .sm-heading-8 {
        font-size: .8rem;
        font-weight: 500;
        line-height: 1.2rem;
        font-style: inherit
    }

    .sm-heading-8-i {
        font-style: inherit;
        font-size: .8rem !important;
        font-weight: 500 !important;
        line-height: 1.2rem !important
    }

    .sm-heading-10 {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4rem;
        font-style: inherit
    }

    .sm-heading-10-i {
        font-style: inherit;
        font-size: 1rem !important;
        font-weight: 500 !important;
        line-height: 1.4rem !important
    }

    .sm-heading-11 {
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1.4rem;
        font-style: inherit
    }

    .sm-heading-11-i {
        font-style: inherit;
        font-size: 1.1rem !important;
        font-weight: 500 !important;
        line-height: 1.4rem !important
    }

    .sm-heading-12 {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.6rem;
        font-style: inherit
    }

    .sm-heading-12-i {
        font-style: inherit;
        font-size: 1.2rem !important;
        font-weight: 500 !important;
        line-height: 1.6rem !important
    }

    .sm-heading-14 {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2rem;
        font-style: inherit
    }

    .sm-heading-14-i {
        font-style: inherit;
        font-size: 1.4rem !important;
        font-weight: 500 !important;
        line-height: 2rem !important
    }

    .sm-heading-16 {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.4rem;
        font-style: inherit
    }

    .sm-heading-16-i {
        font-style: inherit;
        font-size: 1.6rem !important;
        font-weight: 500 !important;
        line-height: 2.4rem !important
    }

    .sm-heading-18 {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 2.7rem;
        font-style: inherit
    }

    .sm-heading-18-i {
        font-style: inherit;
        font-size: 1.8rem !important;
        font-weight: 500 !important;
        line-height: 2.7rem !important
    }

    .sm-heading-20 {
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem;
        font-style: inherit
    }

    .sm-heading-20-i {
        font-style: inherit;
        font-size: 2rem !important;
        font-weight: 500 !important;
        line-height: 3rem !important
    }

    .sm-heading-24 {
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 3.6rem;
        font-style: inherit
    }

    .sm-heading-24-i {
        font-style: inherit;
        font-size: 2.4rem !important;
        font-weight: 500 !important;
        line-height: 3.6rem !important
    }

    .sm-heading-28 {
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 4.2rem;
        font-style: inherit
    }

    .sm-heading-28-i {
        font-style: inherit;
        font-size: 2.8rem !important;
        font-weight: 500 !important;
        line-height: 4.2rem !important
    }

    .sm-heading-32 {
        font-size: 3.2rem;
        font-weight: 500;
        line-height: 4.8rem;
        font-style: inherit
    }

    .sm-heading-32-i {
        font-style: inherit;
        font-size: 3.2rem !important;
        font-weight: 500 !important;
        line-height: 4.8rem !important
    }

    .sm-heading-36 {
        font-size: 3.6rem;
        font-weight: 500;
        line-height: 5.4rem;
        font-style: inherit
    }

    .sm-heading-36-i {
        font-style: inherit;
        font-size: 3.6rem !important;
        font-weight: 500 !important;
        line-height: 5.4rem !important
    }

    .sm-heading-40 {
        font-size: 4rem;
        font-weight: 500;
        line-height: 6rem;
        font-style: inherit
    }

    .sm-heading-40-i {
        font-style: inherit;
        font-size: 4rem !important;
        font-weight: 500 !important;
        line-height: 6rem !important
    }

    .sm-heading-48 {
        font-size: 4.8rem;
        font-weight: 500;
        line-height: 7.2rem;
        font-style: inherit
    }

    .sm-heading-48-i {
        font-style: inherit;
        font-size: 4.8rem !important;
        font-weight: 500 !important;
        line-height: 7.2rem !important
    }

    .sm-heading-56 {
        font-size: 5.6rem;
        font-weight: 500;
        line-height: 8.4rem;
        font-style: inherit
    }

    .sm-heading-56-i {
        font-style: inherit;
        font-size: 5.6rem !important;
        font-weight: 500 !important;
        line-height: 8.4rem !important
    }

    .sm-heading-60 {
        font-size: 6rem;
        font-weight: 500;
        line-height: 9rem;
        font-style: inherit
    }

    .sm-heading-60-i {
        font-style: inherit;
        font-size: 6rem !important;
        font-weight: 500 !important;
        line-height: 9rem !important
    }

    .sm-heading-64 {
        font-size: 6.4rem;
        font-weight: 500;
        line-height: 9.6rem;
        font-style: inherit
    }

    .sm-heading-64-i {
        font-style: inherit;
        font-size: 6.4rem !important;
        font-weight: 500 !important;
        line-height: 9.6rem !important
    }

    .sm-heading-72 {
        font-size: 7.2rem;
        font-weight: 500;
        line-height: 10.8rem;
        font-style: inherit
    }

    .sm-heading-72-i {
        font-style: inherit;
        font-size: 7.2rem !important;
        font-weight: 500 !important;
        line-height: 10.8rem !important
    }

    .sm-bold-8 {
        font-size: .8rem;
        font-weight: 700;
        line-height: 1.2rem;
        font-style: inherit
    }

    .sm-bold-8-i {
        font-style: inherit;
        font-size: .8rem !important;
        font-weight: 700 !important;
        line-height: 1.2rem !important
    }

    .sm-bold-10 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.4rem;
        font-style: inherit
    }

    .sm-bold-10-i {
        font-style: inherit;
        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1.4rem !important
    }

    .sm-bold-11 {
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.4rem;
        font-style: inherit
    }

    .sm-bold-11-i {
        font-style: inherit;
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        line-height: 1.4rem !important
    }

    .sm-bold-12 {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.6rem;
        font-style: inherit
    }

    .sm-bold-12-i {
        font-style: inherit;
        font-size: 1.2rem !important;
        font-weight: 700 !important;
        line-height: 1.6rem !important
    }

    .sm-bold-14 {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2rem;
        font-style: inherit
    }

    .sm-bold-14-i {
        font-style: inherit;
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        line-height: 2rem !important
    }

    .sm-bold-16 {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 2.4rem;
        font-style: inherit
    }

    .sm-bold-16-i {
        font-style: inherit;
        font-size: 1.6rem !important;
        font-weight: 700 !important;
        line-height: 2.4rem !important
    }

    .sm-bold-18 {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 2.7rem;
        font-style: inherit
    }

    .sm-bold-18-i {
        font-style: inherit;
        font-size: 1.8rem !important;
        font-weight: 700 !important;
        line-height: 2.7rem !important
    }

    .sm-bold-20 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3rem;
        font-style: inherit
    }

    .sm-bold-20-i {
        font-style: inherit;
        font-size: 2rem !important;
        font-weight: 700 !important;
        line-height: 3rem !important
    }

    .sm-bold-24 {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.6rem;
        font-style: inherit
    }

    .sm-bold-24-i {
        font-style: inherit;
        font-size: 2.4rem !important;
        font-weight: 700 !important;
        line-height: 3.6rem !important
    }

    .sm-bold-28 {
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 4.2rem;
        font-style: inherit
    }

    .sm-bold-28-i {
        font-style: inherit;
        font-size: 2.8rem !important;
        font-weight: 700 !important;
        line-height: 4.2rem !important
    }

    .sm-bold-32 {
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        font-style: inherit
    }

    .sm-bold-32-i {
        font-style: inherit;
        font-size: 3.2rem !important;
        font-weight: 700 !important;
        line-height: 4.8rem !important
    }

    .sm-bold-36 {
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 5.4rem;
        font-style: inherit
    }

    .sm-bold-36-i {
        font-style: inherit;
        font-size: 3.6rem !important;
        font-weight: 700 !important;
        line-height: 5.4rem !important
    }

    .sm-bold-40 {
        font-size: 4rem;
        font-weight: 700;
        line-height: 6rem;
        font-style: inherit
    }

    .sm-bold-40-i {
        font-style: inherit;
        font-size: 4rem !important;
        font-weight: 700 !important;
        line-height: 6rem !important
    }

    .sm-bold-48 {
        font-size: 4.8rem;
        font-weight: 700;
        line-height: 7.2rem;
        font-style: inherit
    }

    .sm-bold-48-i {
        font-style: inherit;
        font-size: 4.8rem !important;
        font-weight: 700 !important;
        line-height: 7.2rem !important
    }

    .sm-bold-56 {
        font-size: 5.6rem;
        font-weight: 700;
        line-height: 8.4rem;
        font-style: inherit
    }

    .sm-bold-56-i {
        font-style: inherit;
        font-size: 5.6rem !important;
        font-weight: 700 !important;
        line-height: 8.4rem !important
    }

    .sm-bold-60 {
        font-size: 6rem;
        font-weight: 700;
        line-height: 9rem;
        font-style: inherit
    }

    .sm-bold-60-i {
        font-style: inherit;
        font-size: 6rem !important;
        font-weight: 700 !important;
        line-height: 9rem !important
    }

    .sm-bold-64 {
        font-size: 6.4rem;
        font-weight: 700;
        line-height: 9.6rem;
        font-style: inherit
    }

    .sm-bold-64-i {
        font-style: inherit;
        font-size: 6.4rem !important;
        font-weight: 700 !important;
        line-height: 9.6rem !important
    }

    .sm-bold-72 {
        font-size: 7.2rem;
        font-weight: 700;
        line-height: 10.8rem;
        font-style: inherit
    }

    .sm-bold-72-i {
        font-style: inherit;
        font-size: 7.2rem !important;
        font-weight: 700 !important;
        line-height: 10.8rem !important
    }

    .sm-text-center {
        text-align: center
    }
}

.font-display-xl {
    letter-spacing: -2px;
    font-size: 96px;
    font-weight: 900;
    line-height: 115px
}

@media screen and (max-width:767px) {
    .font-display-xl {
        letter-spacing: -2px;
        font-size: 82px;
        font-weight: 900;
        line-height: 98px
    }
}

@media screen and (max-width:639px) {
    .font-display-xl {
        letter-spacing: -2px;
        font-size: 65px;
        font-weight: 900;
        line-height: 78px
    }
}

.font-display-lg {
    letter-spacing: -2px;
    font-size: 82px;
    font-weight: 900;
    line-height: 98px
}

@media screen and (max-width:767px) {
    .font-display-lg {
        letter-spacing: -2px;
        font-size: 82px;
        font-weight: 900;
        line-height: 98px
    }
}

@media screen and (max-width:639px) {
    .font-display-lg {
        letter-spacing: -2px;
        font-size: 65px;
        font-weight: 900;
        line-height: 78px
    }
}

.font-display-md {
    letter-spacing: -2px;
    font-size: 73px;
    font-weight: 900;
    line-height: 88px
}

@media screen and (max-width:767px) {
    .font-display-md {
        letter-spacing: -2px;
        font-size: 73px;
        font-weight: 900;
        line-height: 88px
    }
}

@media screen and (max-width:639px) {
    .font-display-md {
        letter-spacing: -2px;
        font-size: 65px;
        font-weight: 900;
        line-height: 78px
    }
}

.font-display-sm {
    letter-spacing: -2px;
    font-size: 65px;
    font-weight: 900;
    line-height: 78px
}

@media screen and (max-width:767px) {
    .font-display-sm {
        letter-spacing: -.5px;
        font-size: 56px;
        font-weight: 800;
        line-height: 67px
    }
}

@media screen and (max-width:639px) {
    .font-display-sm {
        letter-spacing: -.5px;
        font-size: 40px;
        font-weight: 800;
        line-height: 48px
    }
}

.font-display-xs {
    letter-spacing: -2px;
    font-size: 57px;
    font-weight: 900;
    line-height: 78px
}

@media screen and (max-width:767px) {
    .font-display-xs {
        letter-spacing: -.5px;
        font-size: 48px;
        font-weight: 800;
        line-height: 58px
    }
}

@media screen and (max-width:639px) {
    .font-display-xs {
        letter-spacing: -.5px;
        font-size: 36px;
        font-weight: 800;
        line-height: 46px
    }
}

.font-display-xxs {
    letter-spacing: -2px;
    font-size: 51px;
    font-weight: 900;
    line-height: 61px
}

@media screen and (max-width:767px) {
    .font-display-xxs {
        letter-spacing: -.5px;
        font-size: 42px;
        font-weight: 800;
        line-height: 48px
    }
}

@media screen and (max-width:639px) {
    .font-display-xxs {
        letter-spacing: -.5px;
        font-size: 30px;
        font-weight: 800;
        line-height: 36px
    }
}

.font-display-xxxs {
    letter-spacing: -2px;
    font-size: 45px;
    font-weight: 900;
    line-height: 54px
}

@media screen and (max-width:767px) {
    .font-display-xxxs {
        letter-spacing: -.5px;
        font-size: 36px;
        font-weight: 800;
        line-height: 43px
    }
}

@media screen and (max-width:639px) {
    .font-display-xxxs {
        letter-spacing: -.5px;
        font-size: 28px;
        font-weight: 800;
        line-height: 34px
    }
}

.font-heading-h1 {
    letter-spacing: -.05px;
    font-size: 32px;
    font-weight: 700;
    line-height: 43px
}

@media screen and (max-width:639px) {
    .font-heading-h1 {
        letter-spacing: -.05px;
        font-size: 24px;
        font-weight: 700;
        line-height: 30px
    }
}

.font-heading-h2 {
    letter-spacing: -.05px;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px
}

@media screen and (max-width:639px) {
    .font-heading-h2 {
        letter-spacing: -.05px;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px
    }
}

.font-heading-h3 {
    letter-spacing: -.05px;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px
}

@media screen and (max-width:639px) {
    .font-heading-h3 {
        letter-spacing: -.05px;
        font-size: 22px;
        font-weight: 700;
        line-height: 26px
    }
}

.font-heading-h4 {
    letter-spacing: -.05px;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

@media screen and (max-width:639px) {
    .font-heading-h4 {
        letter-spacing: -.05px;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px
    }
}

.font-heading-h5 {
    letter-spacing: -.05px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

@media screen and (max-width:639px) {
    .font-heading-h5 {
        letter-spacing: -.05px;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px
    }
}

.font-heading-h6 {
    letter-spacing: -.05px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

@media screen and (max-width:639px) {
    .font-heading-h6 {
        letter-spacing: -.05px;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

.font-title-lg {
    letter-spacing: -.05px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px
}

@media screen and (max-width:767px) {
    .font-title-lg {
        letter-spacing: -.05px;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px
    }
}

@media screen and (max-width:639px) {
    .font-title-lg {
        letter-spacing: -.05px;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px
    }
}

.font-title-lg-semibold {
    letter-spacing: -.05px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media screen and (max-width:767px) {
    .font-title-lg-semibold {
        letter-spacing: -.05px;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px
    }
}

@media screen and (max-width:639px) {
    .font-title-lg-semibold {
        letter-spacing: -.05px;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px
    }
}

.font-title-lg-bold {
    letter-spacing: -.05px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

@media screen and (max-width:767px) {
    .font-title-lg-bold {
        letter-spacing: -.05px;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px
    }
}

@media screen and (max-width:639px) {
    .font-title-lg-bold {
        letter-spacing: -.05px;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px
    }
}

.font-title-md {
    letter-spacing: -.05px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px
}

@media screen and (max-width:639px) {
    .font-title-md {
        letter-spacing: -.05px;
        font-size: 16px;
        font-weight: 500;
        line-height: 18px
    }
}

.font-title-md-semibold {
    letter-spacing: -.05px;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px
}

@media screen and (max-width:639px) {
    .font-title-md-semibold {
        letter-spacing: -.05px;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px
    }
}

.font-title-md-bold {
    letter-spacing: -.05px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

@media screen and (max-width:639px) {
    .font-title-md-bold {
        letter-spacing: -.05px;
        font-size: 16px;
        font-weight: 700;
        line-height: 18px
    }
}

.font-title-sm {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-title-sm {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px
    }
}

.font-title-sm-semibold {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-title-sm-semibold {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px
    }
}

.font-title-sm-bold {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-title-sm-bold {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px
    }
}

.font-title-xs {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-title-xs {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.font-title-xs-semibold {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-title-xs-semibold {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }
}

.font-title-xs-bold {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-title-xs-bold {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px
    }
}

.font-body-lg {
    letter-spacing: -.05px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width:767px) {
    .font-body-lg {
        letter-spacing: -.05px;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }
}

.font-body-lg-semibold {
    letter-spacing: -.05px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

@media screen and (max-width:767px) {
    .font-body-lg-semibold {
        letter-spacing: -.05px;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }
}

.font-body-lg-bold {
    letter-spacing: -.05px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

@media screen and (max-width:767px) {
    .font-body-lg-bold {
        letter-spacing: -.05px;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

.font-body-md {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

@media screen and (max-width:639px) {
    .font-body-md {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }
}

.font-body-md-semibold {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media screen and (max-width:639px) {
    .font-body-md-semibold {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px
    }
}

.font-body-md-bold {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

@media screen and (max-width:639px) {
    .font-body-md-bold {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px
    }
}

.font-body-sm {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-body-sm {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }
}

.font-body-sm-semibold {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-body-sm-semibold {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }
}

.font-body-sm-bold {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

@media screen and (max-width:639px) {
    .font-body-sm-bold {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px
    }
}

.font-body-xs {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

@media screen and (max-width:767px) {
    .font-body-xs {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px
    }
}

.font-body-xs-semibold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

@media screen and (max-width:767px) {
    .font-body-xs-semibold {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px
    }
}

.font-body-xs-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

@media screen and (max-width:767px) {
    .font-body-xs-bold {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 700;
        line-height: 14px
    }
}

.font-body-xxs {
    letter-spacing: -.05px;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px
}

@media screen and (max-width:767px) {
    .font-body-xxs {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 400;
        line-height: 14px
    }
}

.font-body-xxs-semibold {
    letter-spacing: -.05px;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px
}

@media screen and (max-width:767px) {
    .font-body-xxs-semibold {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 600;
        line-height: 14px
    }
}

.font-body-xxs-bold {
    letter-spacing: -.05px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px
}

@media screen and (max-width:767px) {
    .font-body-xxs-bold {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 700;
        line-height: 14px
    }
}

.font-body-xxxs {
    letter-spacing: -.05px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-body-xxxs {
        letter-spacing: -.05px;
        font-size: 10px;
        font-weight: 400;
        line-height: 12px
    }
}

.font-body-xxxs-semibold {
    letter-spacing: -.05px;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-body-xxxs-semibold {
        letter-spacing: -.05px;
        font-size: 10px;
        font-weight: 600;
        line-height: 12px
    }
}

.font-body-xxxs-bold {
    letter-spacing: -.05px;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-body-xxxs-bold {
        letter-spacing: -.05px;
        font-size: 10px;
        font-weight: 700;
        line-height: 12px
    }
}

.font-overline-xl {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px
}

.font-overline-xl-bold {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px
}

.font-overline-lg {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

.font-overline-lg-bold {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px
}

.font-overline-md {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.font-overline-md-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px
}

.font-overline-sm {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-overline-sm {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 500;
        line-height: 13px
    }
}

.font-overline-sm-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-overline-sm-bold {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 700;
        line-height: 13px
    }
}

.font-overline-xs {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-overline-xs {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 500;
        line-height: 13px
    }
}

.font-overline-xs-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-overline-xs-bold {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 700;
        line-height: 13px
    }
}

.font-overline-xxs {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-overline-xxs {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 500;
        line-height: 13px
    }
}

@media screen and (max-width:639px) {
    .font-overline-xxs {
        letter-spacing: -.05px;
        font-size: 10px;
        font-weight: 500;
        line-height: 12px
    }
}

.font-overline-xxs-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px
}

@media screen and (max-width:767px) {
    .font-overline-xxs-bold {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 700;
        line-height: 13px
    }
}

@media screen and (max-width:639px) {
    .font-overline-xxs-bold {
        letter-spacing: -.05px;
        font-size: 10px;
        font-weight: 700;
        line-height: 12px
    }
}

.font-label-lg {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px
}

@media screen and (max-width:639px) {
    .font-label-lg {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px
    }
}

.font-label-lg-bold {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px
}

@media screen and (max-width:639px) {
    .font-label-lg-bold {
        letter-spacing: -.05px;
        font-size: 14px;
        font-weight: 700;
        line-height: 28px
    }
}

.font-label-md {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.font-label-md-bold {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.font-label-sm {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.font-label-sm-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px
}

.font-label-xs {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .font-label-xs {
        letter-spacing: -4px;
        font-size: 11px;
        font-weight: 400;
        line-height: 18px
    }
}

.font-label-xs-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .font-label-xs-bold {
        letter-spacing: -4px;
        font-size: 11px;
        font-weight: 700;
        line-height: 18px
    }
}

.font-label-xxs {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .font-label-xxs {
        letter-spacing: -4px;
        font-size: 10px;
        font-weight: 400;
        line-height: 15px
    }
}

@media screen and (max-width:639px) {
    .font-label-xxs {
        letter-spacing: -4px;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px
    }
}

.font-label-xxs-bold {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .font-label-xxs-bold {
        letter-spacing: -4px;
        font-size: 10px;
        font-weight: 700;
        line-height: 15px
    }
}

@media screen and (max-width:639px) {
    .font-label-xxs-bold {
        letter-spacing: -4px;
        font-size: 10px;
        font-weight: 700;
        line-height: 14px
    }
}

.font-link-lg {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: underline !important
}

.font-link-md {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-decoration: underline !important
}

.font-link-sm,
.font-link-xs {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-decoration: underline !important
}

@media screen and (max-width:767px) {
    .font-link-xs {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 700;
        line-height: 13px;
        text-decoration: underline !important
    }
}

.font-link-xxs {
    letter-spacing: -.05px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-decoration: underline !important
}

@media screen and (max-width:767px) {
    .font-link-xxs {
        letter-spacing: -.05px;
        font-size: 11px;
        font-weight: 700;
        line-height: 13px;
        text-decoration: underline !important
    }
}

@media screen and (max-width:639px) {
    .font-link-xxs {
        letter-spacing: -.05px;
        font-size: 10px;
        font-weight: 500;
        line-height: 12px;
        text-decoration: underline !important
    }
}

.font-button-lg {
    letter-spacing: -.05px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.font-button-md,
.font-button-sm {
    letter-spacing: -.05px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

@media screen and (max-width:767px) {
    .font-button-sm {
        letter-spacing: -.05px;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px
    }
}

.font-light {
    font-weight: 300 !important
}

.font-regular {
    font-weight: 400 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-bold {
    font-weight: 700 !important
}

.italic {
    font-style: italic
}

.html-content {
    letter-spacing: -.05px
}

.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6,
.html-content p,
.html-content ul,
.html-content ol,
.html-content blockquote,
.html-content pre,
.html-content hr,
.html-content table {
    margin-top: 0;
    margin-bottom: 4px
}

.html-content :last-child {
    margin-bottom: 0
}

.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
    color: var(--theme-text-primary)
}

.html-content h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 43px;
    font-style: inherit
}

.html-content h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    font-style: inherit
}

.html-content h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    font-style: inherit
}

.html-content h4 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    font-style: inherit
}

.html-content h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-style: inherit
}

.html-content h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    font-style: inherit
}

.html-content a {
    color: var(--theme-link-default);
    text-decoration: underline
}

.html-content a:hover {
    color: var(--theme-link-pressed)
}

.html-content ul,
.html-content ol {
    padding-left: 24px
}

.html-content ul {
    list-style: outside
}

.html-content ol {
    list-style: decimal
}

.html-content li {
    margin-bottom: 4px
}

.html-content li:last-child {
    margin-bottom: 0
}

.html-content strong,
.html-content b {
    font-weight: 700
}

.html-content em,
.html-content i {
    font-style: italic
}

.html-content code {
    background: var(--theme-surface-elevated);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-style: inherit;
    border-radius: 4px;
    padding: 2px 4px
}

.html-content pre {
    background: var(--theme-surface-elevated);
    border-radius: 4px;
    padding: 12px;
    overflow-x: auto
}

.html-content pre code {
    background: 0 0;
    padding: 0
}

.html-content blockquote {
    border-left: 3px solid var(--theme-border-neutral-subtle);
    color: var(--theme-text-secondary);
    padding-left: 12px
}

.html-content hr {
    border: 0;
    border-top: 1px solid var(--theme-border-neutral-subtle)
}

.html-content img {
    border-radius: 4px;
    max-width: 100%;
    height: auto
}

.html-content table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-style: inherit
}

.html-content table th,
.html-content table td {
    border: 1px solid var(--theme-border-neutral-subtle);
    text-align: left;
    padding: 8px
}

.html-content table th {
    background: var(--theme-surface-elevated);
    font-weight: 700
}

.row-highlight-red,
.row-highlight-brand {
    z-index: 0;
    position: relative
}

.row-highlight-red:before,
.row-highlight-brand:before {
    content: "";
    z-index: 1;
    width: 3px;
    height: max(100% - 8px, 16px);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.row-highlight-red:before {
    background-color: var(--theme-red)
}

.row-highlight-brand:before {
    background-color: var(--theme-brand)
}

@media screen and (min-width:1024px) {
    .table-ping-left .cell-ping-left {
        z-index: 1;
        position: sticky;
        left: 0
    }

    .table-ping-left .cell-ping-left:after {
        content: "";
        pointer-events: none;
        background: linear-gradient(90deg, var(--theme-overlay-50-inverse) 0%, transparent 100%);
        border-left: 1px solid var(--theme-border-neutral-subtle);
        width: 8px;
        position: absolute;
        top: -1px;
        bottom: -1px;
        right: 0;
        transform: translate(100%)
    }

    .table-ping-right .cell-ping-right {
        z-index: 1;
        position: sticky;
        right: 0
    }

    .table-ping-right .cell-ping-right:after {
        content: "";
        pointer-events: none;
        background: linear-gradient(270deg, var(--theme-overlay-50-inverse) 0%, transparent 100%);
        border-right: 1px solid var(--theme-border-neutral-subtle);
        width: 8px;
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: 0;
        transform: translate(-100%)
    }

    .desktop-hidden {
        display: none !important
    }
}

@media screen and (max-width:1023px) {
    .mobile-hidden {
        display: none !important
    }
}